CSS-is üksikute külgede piirjooned
On olemas ka üksikute külgede lühendatud omadused:
border-left (vasak piirjoon),
border-right (parem piirjoon),
border-top (ülemine piirjoon),
border-bottom (alumine piirjoon).
Teeme elemendile ainult vasaku piirjoone
kasutades omadust border-left:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
Nüüd teeme korraga nii vasaku kui parema piirjoone:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
Korrake lehte selle näidise järgi:
Korrake lehte selle näidise järgi: