Border-ominaisuus
Ominaisuus border asettaa värin, tyypin ja
paksuuden rajalle kaikille sivuille samanaikaisesti.
Se on lyhenne-ominaisuus kohteille border-width,
border-style
ja border-color.
Toisin kuin lyhennetyt ominaisuudet, se ei voi
asettaa erilaista rajaa 4:lle sivulle
samanaikaisesti, vaan ainoastaan samanlaisen kaikille.
Syntaksi
valitsija {
border: paksuus tyyppi väri;
}
Ominaisuuksien järjestyksellä ei ole merkitystä.
Esimerkki
Tehdään elementille musta reuna, jonka paksuus on
1px:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Katso myös
-
ominaisuus
border-left,
joka asettaa vasemman reunan -
ominaisuus
border-right,
joka asettaa oikean reunan -
ominaisuus
border-top,
joka asettaa yläreunan -
ominaisuus
border-bottom,
joka asettaa alareunan -
ominaisuus
outline,
joka asettaa kehyksen elementille -
ominaisuus
border-radius,
joka pyöristää rajan kulmat
