Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Obrys

Odstęp obrysu

Email Drukuj PDF

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

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V