slog obrobe border-style

Slog obrobe (ang. Border style)

Lastnost border-style določa, kakšno obrobo je treba prikazati. Dovoljene so naslednje vrednosti:

Pikčasta (ang. Dotted) določa pikčasto obrobo.
Črtkana (ang. Dashed) določa črtkano obrobo.
Trdna (ang. Solid) določa trdno obrobo.
Dvojna (ang. Double) določa dvojno obrobo.
Žlebasta (ang. Groove) določa 3D-žlebasto obrobo. Njen učinek je odvisen vrednosti barvne obrobe.
Slemenasta (ang. Ridge) določa 3D-slemenasto obrobo. Učinek je odvisen od vrednosti barve obrobe.
Vstavljena (ang. Inset) določa 3D vstavljeni rob. Učinek je odvisen od vrednosti barve obrobe.
Začetna (ang. Outset) določa 3D začetno mejo. Učinek je odvisen od vrednosti barve obrobe.
Brez (ang. None) ne določa obrobe.
Skrita (ang. Hidden) obroba skrito obrobo.

Lastnost border-style ima lahko od ene do štirih vrednosti (zgornjo, spodnjo, levo in desno obrobo).

<!DOCTYPE html>
<html lang="sl">
<head>
 <meta charset="UTF-8">
 <title>border-style</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

p.dotted {border-style: dotted;}
 p.dashed {border-style: dashed;}
 p.solid {border-style: solid;}
 p.double {border-style: double;}
 p.groove {border-style: groove;}
 p.ridge {border-style: ridge;}
 p.inset {border-style: inset;}
 p.outset {border-style: outset;}
 p.none {border-style: none;}
 p.hidden {border-style: hidden;}
 </style>
</head>
<body>
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
</body>
</html>