| Nazwa właściwości i wartości | Co oznacza |
|---|
border-style:none | Brak obramowania. |
border-style:hidden | Obramowanie ukryte. |
border-style:dashed | Linia z kresek. |
border-style:dotted | Linia z kropek. |
border-style:solid | Linia ciągła. |
border-style:double | Linia podwójna. |
border-style:groove | Tło wgłębionw. |
border-style:ridge | Tło wypukłe. |
border-style:inset | Tło wciśnięte. |
border-style: | Tło wyciśnięte. |
border-(top, right, bottom, left):(dashed, dotted, solid, double, groove, ridge, inset, outset) | Formatowanie lini poszczególnych boków ramek. |
border-(top, right, bottom, left)-width:(potrzebne wartości) | Formatowanie szerokości poszczególnych boków ramek. |
border-(top, right, bottom, left):(dashed, dotted, solid, double, groove, ridge, inset, outset) | Formatowanie styli wybranych boków ramki. |
| Nazwa deklaracji | Kod w head | Kod w body | Efekt formatowania |
|---|
| border-style:none | p.none {border-style:none;} | <p class="none"> Brak
linii.</p> | Brak linii. |
border-style:dashed
color:yellow | p.dashed {border-style:dashed;
color:yellow;} | <p class="dashed">
Linia żółta
przerywana.</p> | Linia żółta
przerywana. |
border-style:dotted
color:yellow | p.dotted {border-style:dotted;
color:yellow;} | <p class="dotted">
Linia żółta
kropkowana.</p> | Linia żółta
kropkowana. |
border-style:solid
color:yellow | p.solid {border-style:solid;
color:yellow;} | <p class="solid">
Linia żółta
ciągła.</p> | Linia żółta
ciągła. |
border-style:double
color:yellow | p.double {border-style:double;
color:yellow;} | <p class="double">
Linia żółta
podwójna.</p> | Linia żółta
podwójna. |
border-style:groove
color:yellow | p.groove {border-style:groove;
color:yellow;} | <p class="groove">
Linia żółta
ramka wgłębiona.</p> | Linia żółta
ramka wgłębiona. |
border-style:ridge
color:yellow | p.ridge {border-style:ridge;
color:yellow;} | <p class="ridge">
Linia żółta
ramka wypukła.</p> | Linia żółta
ramka wypukła. |
border-style:inset
color:yellow | p.inset {border-style:inset;
color:yellow;} | <p class="inset">
Linia żółta
stempel.</p> | Linia żółta
stempel. |
border-style:outset
color:yellow | p.outset {border-style:outset;
color:yellow;} | <p class="outset">
Linia żółta
tło wyciśnięte.</p> | Linia żółta
tło wyciśnięte. |
border-top-style:
top-dotted
color:yellow | p.top-dotted {border-top-style:top-dotted;
color:yellow;} | <p class="dotted">
Górna linia
kropkowana.</p> | Górna linia
kropkowana. |
border-bottom-style:
top-dotted
color:yellow | p.bottom-dotted {border-bottom-style:
bottom-dotted;
color:yellow;} | <p class="bottom-dotted">
Dolna linia
kropkowana.</p> | Dolna linia
kropkowana. |
border-style:dotted;
border-width:4px;
color:yellow | p.bold-dotted
{border-style:dotted;
bolder-width=4px;
color:yellow;} | <p class="bold-dotted">
Linia gruba
kropkowana.</p> | Linia gruba
kropkowana. |