skrajšana lastnost obrobe

Skrajšana lastnost obrobe

Kot smo že opazili imamo na voljo veliko vadnic, v katerih se lahko ukvarjamo z obrobami. Če želimo kodo skrajšati, je mogoče podati tudi vse posamezne lastnosti v eno samo lastnost. Lastnost obrobe je skrajšana lastnost za lastnosti border-width, border-style in border-color.

<!DOCTYPE html>
<html lang="sl">
<head>
 <meta charset="UTF-8">
 <title>skrajšana lastnost obrobe</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

p.solid {border: 4px solid black;}
 p.groove {border: 8px groove red;}
 p.ridge {border: 12px ridge purple}
 p.dotted {border: 1px dotted purple;}
 p.double {border: 8px double blue;}
 p.inset {border: 14px inset pink;}
 p.outset {border: 14px outset orange;}
 p.dashed {border: 4px dashed gray;}
 </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.
</body>
</html>