CSS12.1
I.E.4.05.05.56.0
border-style:
Tento kaskádový styl se používá pro zadání stylu ohraničení (okraje) kolem objektu. Chci vás upozornit že tento styl můžete použít pouze u některých HTML elementů (např. DIV, P, TABLE, TD).
Hodnoty:
dashed: čárkovaný okraj, použití v I.E. od verze 5.5
dotted: tečkovaný okraj, použití v I.E. od verze 5.5
double: zdvojený okraj
groove: okraj jako stín se žlábkem
inset: okraj jako stín se zapuštěným prostorem
outset: okraj jako stín s vystouplým prostorem
ridge: okraj se stínem
solid: okraj jako spojitá výplň, pevná linka
none: bez okraje, standardní hodnota
hidden: bez okraje, shodný jako "none" přidán od standardu CSS 2.1
Příklad:
<DIV STYLE="border-style: dashed;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: dotted;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: double;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: groove;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: inset;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: outset;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: ridge;"> Text, který je nastaven pomoci stylu CSS. </DIV> <DIV STYLE="border-style: solid;"> Text, který je nastaven pomoci stylu CSS. </DIV>
Ukázka:
DASHED, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
DOTTED, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
DOUBLE, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
GROOVE, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
INSET, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
OUTSET, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
RIDGE, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.
SOLID, Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS. Text, který je nastaven pomoci stylu CSS.