Border

Border kan legges til de aller fleste elementer som ligger i body.

For å lage en borde rundt et element trenger du bare å sette border-style. Verdien kan settes til solid, dotted, dashed, groove, ridge, inset eller outset.

Med border-width setter du bredda på borden, oftest med pikselverdier. Denne kan du også sette individuelt for alle fire sidene; border-top-width, border-right-width, border-bottom-width og border-left-width.

Til slutt kan du sette farge på borden med border-color. Passende nok.

Legg til følgende kode i CSS-fila:

h2 {
  border-style: dashed;
  border-width: 3px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-color: red;
}

Dette vil gi lage en stiplet borde rundt alle h2-elementer som er 3 piksler brede på toppen og bunn, og 10 piksler brede på høyre og venstre side. De to siste overstyrer altså 3px som blir satt lenger opp.