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