Powrót do Dev Notes

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.

CSS3