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. |