CSS Kort Kantersegenskaper

CSS Border - Kortfattad egenskap

Som du såg i föregående kapitel måste du överväga många egenskaper när du hanterar kanter.

För att förenkla koden kan du också ange alla enskilda kantbrytargenskaper i en egenskap.

border Egenskapen är en förkortning av följande enskilda kantbrytargenskaper:

  • border-width
  • border-style(obligatorisk)
  • border-color

Exempel

p {
  border: 5px solid röd;
}

Resultat:

Några texter

Prova själv

Du kan också ange alla enskilda kantbrytargenskaper för en kant:

Vänster kant

p {
  border-left: 6px solid röd;
  background-color: ljusgrå;
}

Resultat:

Några texter

Prova själv

Nederkant

p {
  border-bottom: 6px solid röd;
  background-color: ljusgrå;
}

Resultat:

Några texter

Prova själv