Exemplu
Clip o imagine:
img
{
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Încearcă - l singur » Definiție și utilizare
Ce se întâmplă dacă o imagine este mai mare decât elementul care conține? - Proprietatea clip vă permite să specificați un dreptunghi pentru a decupa un element absolut poziționat. Dreptunghiul este specificat ca patru coordonate, toate de la colțul din stânga sus al elementului trunchierea.
Note: Proprietatea clip nu funcționează în cazul în care "overflow:visible" .
Valoare implicită: | auto |
---|---|
Mostenit: | no |
Animatable: | yes. Read about animatable Try it |
Versiune: | CSS2 |
sintaxa JavaScript: | object .style.clip=" rect(0px,50px,50px,0px) " Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
clip | 1.0 | 8 | 1.0 | 1.0 | 7 |
CSS Sintaxa
clip: auto| Valori de proprietate Valoare Descriere Joaca-l auto Nici o tăiere va fi aplicată. Acest lucru este implicit Joaca - l » shape Clips unui element. Singura valoare validă este: RECT ( top, right, bottom, left ) Joaca - l » initial Setează această proprietate la valoarea implicită. Citiți despre inițială Joaca - l » inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Pagini similare
Tutorial CSS: Poziționarea CSS
HTML DOM referință: clip property de clip property