CSS -afkorting randeigenschap
CSS-rand - steno-eigenschap
Zoals je op de vorige pagina hebt gezien, zijn er veel eigenschappen waarmee je rekening moet houden bij het omgaan met grenzen.
Om de code in te korten, is het ook mogelijk om alle afzonderlijke randeigenschappen in één eigenschap op te geven.
De border
eigenschap is een verkorte eigenschap voor de volgende individuele grenseigenschappen:
border-width
border-style
(vereist)border-color
Voorbeeld
p {
border: 5px solid red;
}
Resultaat:
Some text
U kunt ook alle afzonderlijke randeigenschappen voor slechts één zijde specificeren:
Linkerrand
p {
border-left: 6px solid red;
background-color: lightgrey;
}
Resultaat:
Some text
Onderrand
p {
border-bottom: 6px solid red;
background-color: lightgrey;
}
Resultaat:
Some text