Tematy: styl | grubość | kolor | obramowanie cząstkowe | obramowanie mieszane
Dane w pigułce | |
Zastosowanie | definiuje cząstkowe obramowania elementu |
Dziedziczenie | nie |
Wartości | wartości poszczególnych atrybutów stylu, koloru i grubości |
Wartość domyślna | wartości domyślne elementów cząstkowych |
Przykład | border-left-style: solid; border-left-width: 2em; border-left-color:black; |
Uwagi | |
Odpowiednik w HTML | przestarzały atrybut border |
Aby zdefiniować cząstkowe obramowanie, należy wpisać w definicji stylu border-left: wartości (lub border-right, border-top, border-bottom)
Obramowanie cząstkowe to obramowanie definiowane dla pojedynczych brzegów obramowania, np. dla lewego lub prawego. Podajemy w nim przynajmniej styl i grubość obramowania, a dodatkowo możemy także zdefiniować jego kolor.
<p style="border-left-style: solid; border-left-width: 5px; border-left-color: black;">Treść akapitu</p> "
To jest akapit z lewym obramowaniem solid o grubości 5px i czarnym kolorze.
<p style="border-left-style: dotted; border-left-width: 2px; border-left-color: red;">Treść akapitu</p> "
To jest akapit z lewym obramowaniem dotted o grubości 2px i czerwonym kolorze.
<p style="border-bottom-style: groove; border-bottom-width: 10px; border-bottom-color: olive; border-top-style: groove; border-top-width: 10px; border-top-color: olive; ">Treść akapitu</p> "
To jest akapit z górnym i dolnym obramowaniem groove o grubości 10px i oliwkowym kolorze.