CSS

Clip

  • 2007-05-12 15:27
  • 2 komentarze
  • 1930 odsłon
  • Oceń ten tekst jako pierwszy
clip - pozwala wyświetlić wyciętą, prostokątną część elementu.

W CSS 2.1 jedyną możliwością, oprócz inherit, jest rect(<i>góra</i>, <i>prawa</i>, <i>dół</i>, <i>lewa</i>), gdzie prawa i lewa określają odległości prawego i lewego boku prostokąta od lewego boku obiektu, w przypadku tekstu pisanego od lewej strony do prawej, albo od prawego, w przypadku tekstu pisanego od prawej strony do lewej, natomiast dół i góra - odległości górnego i dolnego boku prostokąta od górnego i dolnego boku obiektu.

Przykłady użycia:
<div style="max-width: 100px; width: 100px; max-height: 50px; height: 50px; overflow: hidden; border: solid black 1px; background-color: #DDDDDD; clip: rect(0,0,0,0);"><div "min-width: 100px; min-height: 100px; width: 100px; height: 100px;">Oto przykładowy tekst, który został umieszczony w elemencie typu div</div></div>


Oto przykładowy tekst, który został umieszczony w elemencie typu div






<div style="max-width: 100px; width: 100px; max-height: 50px; height: 50px; overflow: hidden; border: solid black 1px; background-color: #DDDDDD; clip:rect(20px, 600px, 40px, 0px);"><div style="clip:rect(20px 75px 40px 20px); position: absolute; min-width: 100px; min-height: 100px; width: 100px; height: 100px;">Oto przykładowy tekst, który został umieszczony w elemencie typu div</div></div>


Oto przykładowy tekst, który został umieszczony w elemencie typu div


Polecenia pokrewne


Odpowiednik html


  • brak

Wersja specyfikacji


Wsparcie przeglądarek


  • Wszystkie nowoczesne przeglądarki

2 komentarze

Coldpeer 2007-05-12 20:11

Widać, Kooba, Twój sposób się sprawdza ;)

Kooba 2007-05-12 17:41

Dzięki chp, pomogłeś mi odzyskać wiarę w ludzi - nareszcie poprawnie opisane polecenie :)