Yksittäisten sivujen reunukset CSS:ssä
On olemassa myös lyhennysominaisuuksia
yksittäisille sivuille: border-left (vasen
reunus), border-right (oikea reunus),
border-top (yläreunus), border-bottom
(alareunus).
Tehdään elementille vain vasen reunus
käyttämällä ominaisuutta border-left:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
}
:
Tehdään nyt samanaikaisesti sekä vasen että oikea reunus:
<div id="elem"></div>
#elem {
width: 300px;
height: 100px;
border-left: 1px solid red;
border-right: 1px solid red;
}
:
Toista sivu annetun esimerkin mukaisesti:
Toista sivu annetun esimerkin mukaisesti:
