x
CSS Obrobe (ang. Borders)
Obrobe omogočajo, da določimo slog, širino in barvo elementa, katere lastnosti določajo mejo elementov. Dovoljene so štiri vrednosti, te so določitev zgornje, spodnje, desne in leve obrobe. V praksi je to tista obroba, ki je okrog HTML elementa. Lastnost border-style ima štiri vrednosti, trdno (solid), črtkano (dashed), pikčasto (dotted) in dvojno (double), pomeni, da bo zgornja obroba trdna, spodnja dvojna, desna črtkana, in leva pikčasta. Če ima obroba dve ali tri vrednosti, določimo eno ali več vrednost dvema lastnostnima top-style: solid, bottom-style: solid in podobno.
| Barva obrobe | Lastnost border-color se uporablja za nastavitev barve štirih obrob. | Glej primer |
|---|---|---|
| Skrajšana lastnost obrobe | Če želimo kodo skrajšati, je mogoče podati tudi vse posamezne lastnosti v eno samo lastnost. | Glej primer |
| Slog obrobe | Lastnost border-style določa, kakšno obrobo je treba prikazati. | Glej primer |
| Strani za obrobe | V CSS obstajajo tudi lastnosti za določanje vsake obrobe (zgornja, spodnja, leva in desna). | Glej primer |
| Širina obrobe | Lastnost border-width podaja širino štirih robov. | Glej primer |
| Zaobljene obrobe | Lastnost border-radius določa polmer vogalov elementa. | Glej primer |
