CSS:n rajan omaisuuslyhenne
Aivan kuten fonteille, myös rajoille
on olemassa omaisuuslyhenne border,
jota voimme käyttää sen sijaan,
että kirjoittaisimme 3 eri ominaisuutta
rajan paksuudelle, värille ja tyylille. Tässä ominaisuudessa
voimme yksinkertaisesti luetella rajan arvot
missä tahansa järjestyksessä.
Katsotaanpa esimerkkiä. Oletetaan, että meillä on tällainen raja:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Kirjoitetaan se uudelleen omaisuuslyhenteen avulla:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Toista sivu tämän mallin mukaan:
Toista sivu tämän mallin mukaan:
Toista sivu tämän mallin mukaan:
Toista sivu tämän mallin mukaan:
