Vlastnost klipu CSS
Příklad
Vystřihněte obrázek:
img {
position: absolute;
clip: rect(0px,60px,200px,0px);
}
Definice a použití
Co se stane, když je obrázek větší než prvek, který obsahuje?
Tato clip
vlastnost vám umožňuje určit obdélník pro oříznutí absolutně umístěného prvku. Obdélník je určen jako čtyři souřadnice, všechny z levého horního rohu prvku, který má být oříznut.
Poznámka: Vlastnost clip
nefunguje, pokud je "overflow:visible".
Poznámka: Nemovitost clip
je zastaralá a v budoucnu bude nahrazena nemovitostí.
clip-path
Výchozí hodnota: | auto |
---|---|
Zděděno: | Ne |
Animovatelné: | Ano. Přečtěte si o tématu Animable |
Verze: | CSS2 |
Syntaxe JavaScriptu: | objekt .style.clip="rect(0px,50px,50px,0px)" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
clip | 1.0 | 8.0 | 1.0 | 1.0 | 7.0 |
Syntaxe CSS
clip: auto|shape|initial|inherit;
Hodnoty vlastností
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 |
Související stránky
CSS tutoriál: CSS Positioning
Odkaz HTML DOM: vlastnost klipu