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.