e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

border-color

Določa barve posameznih obrob elementa. Sama nastavitev barve še ni dovolj, da bomo obrobe res narisali. Potrebno je določiti še vrsto (border-style) robov, v Netscapu 4.x pa tudi debelino (border-width).

vrednostopisNNIECSS
1
(ime ali barvna trojica)		Če je navedena ena sama vrednost, bo ta veljala za vse štiri barve robov.441
1 2
(ime ali barvna trojica)		Če se navede dve vrednosti, bo prva veljala za barvo zgornje in spodnje obrobe, druga pa za barvo levo in desno obrobo. 441
1 2 3
(ime ali barvna trojica)		Če se navede tri vrednosti, bo prva veljala za barvo zgornje obrobe, druga za barvo leve in desne obrobe, tretja pa za barvo spodnje obrobe. 441
1 2 3 4
(ime ali barvna trojica)		Če navedemo vse štiri vrednosti, bo prva valjala za barvo zgornji obrobe, druga za barvo desne obrobe, tretja za barvo spodnje obrobe, četrta pa za barvo leve obrobe 441

Primer

p
{
  background: white;
  color: black;
  border-color: green;
  border-style: solid;
}

→ Primeri barv obrob

border-top-color, border-left-color,
border-right-color, border-bottom-color

vrednostopisNNIECSS
barvni trojčekBarva je določena s posameznimi koponentami RGB. Barve se lahko določi na različne načine.641
ime barveBarava je določena z imenom. Barve se lahko določi na različne načine.641
transparentObroba nima barve.641

Primer

div#plast6
{
  background: white;
  color: black;
  border: 3px white ridge;
  border-top-color: lime;
}

Primeri barve obrob

gor Gor     e-gradiva     CSS     primeri     nazaj border   border-style naprej

SERŠ Maribor : Strokovna gimnazija : 2004 : David Kumer