CSS clip Eiendom
Voorbeeld
Knip 'n prent:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Definisie en gebruik
Wat gebeur as 'n beeld groter is as die element wat dit bevat?
Die clip
eiendom laat jou toe om 'n reghoek te spesifiseer om 'n absoluut geposisioneerde element te knip. Die reghoek word gespesifiseer as vier koördinate, almal vanaf die boonste linkerhoek van die element wat geknip moet word.
Let wel: Die clip
eiendom werk nie as "oorloop:sigbaar" is nie.
Let wel: Die clip
eiendom is afgekeur en sal in die toekoms deur die eiendom vervang word.
clip-path
Standaard waarde: | outo |
---|---|
Geërf: | geen |
Animateerbaar: | ja. Lees oor animeerbaar |
Weergawe: | CSS2 |
JavaScript-sintaksis: | object .style.clip="rect(0px,50px,50px,0px)" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Property | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
CSS-sintaksis
clip: auto|shape|initial|inherit;
Eiendomswaardes
Value | Description | Play it |
---|---|---|
auto | No clipping will be applied. This is default | |
shape | Clips an element. The only valid value is: rect (top, right, bottom, left) | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Verwante bladsye
CSS-tutoriaal: CSS-posisionering
HTML DOM verwysing: clip eiendom