HTML and CSS Reference
In-Depth Information
overflow-y
This property defines how content should behave when it exceeds the height of its
enclosing element.
Syntax
overflow-y: auto | hidden | scroll | visible
Example
<p style="overflow-y: scroll; height: 25px; width: 50px;
background-color: #00f;">
ABC
<br>
DEF
<br>
GHI
<br>
JKL
<br>
MNO
<br>
PQR
<br>
STU
<br>
VWXYZ
</p>
Compatibility
CSS3
Chrome 2+, Firefox 1+, IE 4+, Opera 9.5+
Notes
• This property is correctly written as
-ms-overflow-y
under IE 8 to indicate it as an
extension.
• This is currently in the CSS3 specification and also supports values of
no-display
and
no-content
.
• Some Firefox versions put the scroll bar the wrong direction with this property.
perspective
This property is used to give a 3-D sense of depth to an element. Only the children of the
element are given the noted perspective, not the actual element itself.
Syntax
perspective: none |
number
where
number
is set to the distance of the z=0 plane from the viewer. The default is
none
.
Examples
<div style="height:100px;width:180px;background-color:red;
-webkit-perspective:200;">Perspective set.<br><br>
<div style="height:50px;width:100px;background-color:blue;-webkit-
transform:rotateY(55deg);">
Child gains perspective.
</div>
</div>
