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.