Clip

Clip

CSS vlastnost clip určuje vystřižený obdélník, přes který bude prvek vidět.

clip
hodnoty ostřihnutí prvku
rect(a b c d) souřadnice obdélníku, přes který je prvek vidět, zbytek je maskován
none prvek nebude ostřižen

Velice zřídka používaná a skoro nepoužitelná css vlastnost. Umožňuje skrýt okraje prvků. Dá se aplikovat pouze na prvky s position: absolute.

Při zápisu rect(a b c d):

  1. a je vzdálenost horního okraje ostřihu od horního okraje prvku
  2. b je vzdálenost pravého okraje ostřihu od levého okraje prvku
  3. c je vzdálenost spodního okraje ostřihu od horního okraje prvku
  4. d je vzdálenost levého okraje ostřihu od levého okraje prvku

všechno v pixelech. Vidíte, že se jedná o klasické pořadí stran, akorát je trochu nelogické odvození, odkud se počítají. Místo jakéhokoli údaje se dá zadat auto, v tom směru se nebude ostřihávat.

Podpora

Podpora clip
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

4, 5, 5.5, 6 pouze pro prvky s position: absolute
Mozilla (Netscape 6+) všechny verze pouze pro prvky s position: absolute
Opera 5, 6, 7  
Konqueror ano  
IE 5 / Mac ano  
Netscape Navigator 4 ano  

Příklady

Pokus s CSS vlastností clip.

Test CSS vlastností clip.

Vizte též

Position = pozice, podmínka pro použití clip, Overflow = způsob zacházení s přetečeným obsahem

Odkazy

Ořez a skrollování - návod na použití vlastností overflow a clip.

o tvorbě, údržbě a zlepšování internetových stránek

Píše Yuhů, dusan@pc-slany.cz

Hledání:

Kaskádové styly na www.jakpsatweb.cz

Píše Yuhů: http://dusan.pc-slany.cz, mail: dusan@pc-slany.cz

Poslední aktualizace 10.12.2003