CSS Kort Rand Eigenschap

CSS Border - Shorthand Properties

Zoals u in het vorige hoofdstuk heeft gezien, moet u veel eigenschappen overwegen bij het afhandelen van randen.

Om de code te verkorten, kunt u ook alle enkele border-eigenschappen in één eigenschap specificeren.

border De eigenschap is een verkorte vorm van de volgende border-eigenschappen:

  • border-breedte
  • border-stijl(verplicht)
  • border-kleur

Voorbeeld

p {
  border: 5px steil rood;
{}

Resultaat:

Enkele tekst

Probeer het zelf

U kunt ook alle enkele border-eigenschappen voor een enkele rand specificeren:

Linkse border

p {
  border-left: 6px steil rood;
  background-color: lichte grijs;
{}

Resultaat:

Enkele tekst

Probeer het zelf

Onderste border

p {
  border-bottom: 6px steil rood;
  background-color: lichte grijs;
{}

Resultaat:

Enkele tekst

Probeer het zelf