border-width

Določa debelino posameznih obrob elementa. Sama nastavitev debeline še ni dovolj, da bomo robove res narisali. Potrebno je določiti še vrsto (border-style) robov.

Ključno besedo thin, medium ali thick lahko uporabimo za nastavitev širine obrobe. Privzeto širino obrob ustvarjeno z uporabo teh ključnih besed bo določil vaš računalnik/brskalnik.

vrednost	opis	NN	IE	CSS
1 (dolžina ali ključna beseda	Če se navesde le eno vrednost, bo širina vseh obrob enaka tej vrdnosti.	4	4	1
1 2 (dolžina ali ključna beseda	Če se navede dve vrednosti, bo prva vrednost veljala za zgornjo in spodnjo obrobo, druga pa za levo in desno obrobo.	4	4	1
1 2 3 (dolžina ali ključna beseda	Če se navede tri vrednosti, bo prva vrednost veljala za zgornjo, druga za levo in desno obrobo, tretja pa za spodnjo obrobo.	4	4	1
1 2 3 4 (dolžina ali ključna beseda	Če se navede štiri vrednosti, veljajo vrednosti za zgorno, desno, spodnjo, levo obrobo.	4	4	1

Primeri

p { border-width: thin }                    /* vse obrobe thin */
p { border-width: thin thick }              /* top & bottom=thin,
                                               right & left=thick */
p { border-width: thin thick medium }       /* top=thin, right=thick,
                                               bottom=medium, left=thick
p { border-width: thin thick medium thick } /* top=thin, right=thick,
                                               bottom=medium, left=thick

→ Primer različnih širin stranic obrobe
→ Primer različne širin obrob

border-top-width, border-left-width, border-right-width, border-bottom-width, border-width

vrednost	opis	NN	IE	CSS
dolžina	Vrednost za dolžino lahko vnesete v katerikoli od sedmih enot	4	4	1
ključna beseda	thin \| medium \| thick	4	4	1

Primera

p { border-top-width: 3px }
p { border-bottom-width: medium }

Gor e-gradiva CSS primeri border-style clear

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Kožuh

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri