Rand voor individuele kanten in CSS
Er zijn ook shorthand-eigenschappen voor
individuele kanten: border-left (linker
rand), border-right (rechter rand),
border-top (bovenste rand), border-bottom
(onderste rand).
Laten we alleen een linkerrand voor het blok maken
met behulp van de eigenschap border-left:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
En laten we nu tegelijkertijd zowel de linker- als de rechterrand maken:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
Herhaal de pagina volgens dit voorbeeld:
Herhaal de pagina volgens dit voorbeeld: