Page Layout
clip
Inserts a rectangular window that reveals only the part of an element that fits inside the rectangle. This property is often used with JavaScript animating the clip rectangle. The first value represents the top edge offset, the last number is the left edge offset, the second value represents the width of the clipping window plus the last number, finally the third number is the heigh of the clipping plus the top offset. Any of these values can be replaced with the auto value. This property applies only to absolutely positioned elements.
Example
clip: rect(10px, 55px, 20px, 10px); Browser support
NN4, NN6, NN7, IE4, IE5, IE5.5, IE6
Values
| rect() | Represents the coordinates for positioning. e.g. rect(10px, 100px, 50px, 10px) |
Related properties
- bottom
- clear
- display
- float
- height
- left
- max-height
- max-width
- min-height
- min-width
- overflow
- position
- right
- top
- visibility
Can be used with..
- a
- abbr
- acronym
- address
- area
- b
- base
- bdo
- big
- blockquote
- body
- br
- button
- caption
- cite
- code
- col
- colgroup
- dd
- del
- dfn
- div
- dl
- dt
- em
- fieldset
- form
- h1-h6
- hr
- html
- i
- img
- input
- ins
- kbd
- label
- legend
- li
- link
- map
- noscript
- object
- ol
- optgroup
- option
- p
- param
- pre
- q
- samp
- select
- small
- span
- strong
- sub
- sup
- table
- tbody
- td
- textarea
- tfoot
- th
- thead
- tr
- tt
- ul
- var
Search the Soup!
