Kurs języka HTML i CSS

Poradnik webmastera

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

Styl obramowania

Email Drukuj PDF

Tematy: styl obramowania | grubość obramowania | kolor obramowania | obramowanie cząstkowe | obramowanie mieszane

Dane w pigułce
Zastosowanie wprowadza styl obramowania elementu
Dziedziczenie nie
Wartości none, dotted, dashed, solid, double, groove, ridge, inset, outset
Wartość domyślna brak
Przykład border-style: solid
Uwagi
Odpowiednik w HTML przestarzały atrybut border

Aby zdefiniować styl obramowania, należy wpisać w definicji stylu border-style: wartość

Elementom można nadawać obramowanie - z jednej lub kilku stron. Konieczne jest podanie stylu i grubości, obramowania, a dodatkowo można podać kolor obramowania.

Poniższe przykłady ilustrują dostępne style - dla lepszego uwidocznienia podano duże wartości grubości obramowań.

border-style: none

border-style: dashed

border-style: dotted

border-style: solid

border-style: double

border-style: groove

border-style: ridge

border-style: inset

border-style: outset

Na marginesie warto dodać, że style obramowań są niekiedy wykorzystywane do tworzenia ukośnych krawędzi w menu opartym na CSS, ze względu na ukośne linie powstające w niektórych definicjach.


Interpretacja: Internet Explorer, 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