Obrys

Odstęp obrysu

poniedziałek, 17 styczeń 2011 09:15 Administrator
Drukuj

Tematy: pojęcie obrysu | styl obrysu | grubość obrysu | kolor obrysu | odstęp obrysu

Dane w pigułce
Zastosowanie określenie odstępu obrysu od pojemnika
Dziedziczenie nie
Wartości wartość w jednostkach
Wartość domyślna brak
Przykład outline-offset:10px
Uwagi
Odpowiednik w HTML brak

Aby zdefiniować odstęp obrysu, należy wpisać w definicji stylu outline-offset: wartość

Obrys bez odstępu:

<div style="width: 200px; height: 100px; background-color: olive; 
outline: solid 2px black">
</div>

Obrys z odstępem (w przykładzie dodamy do pojemnika marginesy, aby obrys się nie nakładał na inne elementy):

outline: solid 2px black; outline-offset: 10px

outline: dashed 2px red; outline-offset: 15px


Interpretacja: Firefox, Opera, Chrome