Tematy: styl | grubość | kolor | 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.