overflow
Property
Value:
visible | hidden | scroll | auto | inherit
visible : This value indicates that content is not clipped, i.e., it may be rendered outside the block box.
hidden : This value indicates that the content is clipped and that no scrolling user interface should be provided to view the content outside the clipping region.
scroll : This value indicates that the content is clipped and that if the user agent uses a scrolling mechanism that is visible on the screen (such as a scroll bar or a panner), that mechanism should be displayed for a box whether or not any of its content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment. When this value is specified and the target medium is 'print', overflowing content may be printed.
auto : The behavior of the 'auto' value is user agent-dependent, but should cause a scrolling mechanism to be provided for overflowing boxes.
Initial:
visible
Applies to:
block-level and replaced elements, table cells, inline blocks
Inherited:
no
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<div style=" width:100px; height:100px; overflow:visible ; border:thin solid green">
<img src="../images/logo.gif" border="0">
</div>
=>
<div style=" width:100px; height:100px; overflow:hidden ; border:thin solid green">
<img src="../images/logo.gif" border="0">
</div>
=>
<div style=" width:100px; height:100px; overflow:scroll ; border:thin solid green">
<img src="../images/logo.gif" border="0">
</div>
=>
<div style=" width:100px; height:100px; overflow:auto ; border:thin solid green">
<img src="../images/logo.gif" border="0">
</div>
=>
clip
Property
Value:
auto | shape | inherit
auto : The element does not clip.
shape : In CSS 2.1, the only valid value is: rect(, , , ) where and specify offsets from the top border edge of the box, and , and specify offsets from the left border edge of the box in left-to-right text and from the right border edge of the box in right-to-left text. Authors should separate offset values with commas. User agents must support separation with commas, but may also support separation without commas, because a previous version of this specification was ambiguous in this respect.
Initial:
auto
Applies to:
absolutely positioned elements
Inherited:
no
Percentages:
N/A
Media:
visual
Computed value:
For rectangle values, a rectangle consisting of four computed lengths; otherwise, as specified
Examples
<div style="position:absolute; top:1410px; left:630px; clip:rect(0px 200px 100px 0px); ">
=>
<div style="position:absolute; top:1450px; left:630px; clip:rect(0px 50px 50px 0px); ">
=>
visibility
Property
Value:
visible | hidden | collapse | inherit
Initial:
visible
Applies to:
all elements
Inherited:
yes
Percentages:
N/A
Media:
visual
Computed value:
as specified
Examples
<script language="JavaScript" type="text/javascript">
=>
show text below hide text below
Text shown
W3C
C0..1 C0..2 C0..3 C1..1 C1..2 C1..3 C2..1 C3..1 C3..2 C4..1 C4..2 C4..3 C4..4 C4..5 C4..6 C5..1 C6..1 C6..2 C6..3 C7..1 C8..1 C9..1 CA..1 CA..2 CA..3 CA..4 CA..5 CA..6 CA..7 CA..8 CA..9 CA..10 CA..11 CA..12 CA..13 CA..14 CA..15 CA..16 CA..17 CA..18 CA..19 CA..20 CA..21 CA..22 CA..23 CA..24 CA..25 CA..26 CA..27 CA..28 CA..29 CA..30 CA..31 CA..32 CA..33 CA..34 CA..35 CA..36 CA..37 CA..38 CA..39 CA..40 CA..41 CA..42 CB..1 CB..2 CC..1 CC..2 CD..1 CD..2 CD..3 CD..4 CD..5 CD..6 CD..7 CD..8 CD..9 CD..10 CD..11 CD..12 CD..13 CD..14 CD..15 CD..16 CD..17 CD..18 CD..19 CD..20 CD..21 CD..22 CD..23 CD..24 CD..25 CD..26 CD..27 CD..28 CD..29 CD..30 CD..31 CD..32 CD..33 CD..34 CD..35 CD..36 CD..37 CE..1 CE..2 CF..1 CF..2 CF..3 CG..1 CG..2 CH..1 CH..2 CH..3 CH..4 CH..5 CH..6 CI..1 CJ..1 CK..1 CL..1 CL..2 CL..3 CL..4 CL..5 CL..6 CL..7 CL..8 CL..9 CL..10 CL..11 CM..1 CM..2 CM..3 CM..4 CM..5 CM..6 CM..7 CM..8
