obramowanie border

border:

• border-style
  • none
  • hidden
  • solid – linia ciągła
  • dotted – linia kropkowana
  • dashed – linia kreskowana
  • double – podwójna linia
  • groove – efekt 3D z cieniem na górze
  • ridge – efekt 3D z cieniem na dole
  • inset – efekt cienia na górze
  • outset – efekt cienia na dole
  • -top-style
  • -right-style
  • -bottom-style
  • -left-style
• border-width
  • thin
  • medium
  • thick
  • 2px
  • 2pt
  • 2em
  • -top-width
  • -right-width
  • -bottom-width
  • -left-width
• border-color
  • orange
  • #f2c909
  • -top-color
  • -right-color
  • -bottom-color
  • -left-color
• border-radius
  • -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  • border-radius: 50%; – koło
  • -top-left-radius: 5px 25px; (górna krawędź 5px, lewa krawędź 25px)
  • -top-right-radius: 5px 25px;
  • -bottom-left-radius: 5px 25px;
  • -bottom-right-radius: 5px 25px;

 

strona generatora.