Ääriviivat

CSS ääriviivat




CSS:n ääriviivaominaisuutta käytetään
piirtämään ääriviivat elementin ympärille, reunan ulkopuolelle.




Esimerkkejä


Draw
a line around an element (outline)
(ei toimi IE:llä)
Ääriviivan
piirtäminen elementin ympärille


Set
the style of an outline
(ei toimi IE:llä)
Ääriviivan tyylin
määrittäminen


Set
the color of an outline
(ei toimi IE:llä)
Ääriviivan värin
määrittäminen.


Set
the width of an outline
( ei toimi IE:llä)
Ääriviivan
paksuuden määrittäminen.




CSS:n ääriviivaominaisuus


Ääriviiva on viiva joka piirretään elementtien ympärille,
elementin ulkoreunan ulkopuolelle jotta elementti nousisi paremmin
esille.


CSS:n ääriviiva ominaisuus asettaa ääriviivat elementtien
ympärille. Ääriviivalle voidaan määritellä tyyli, väri ja
paksuus.

Huomaa: Ääriviiva ei varaa tilaa ja niiden
ei tarvitse olla suorakulmioita.


Selaintuki: IE: Internet Explorer, F: Firefox, N: Netscape.


W3C: Numero "W3C"-sarakkeessa ilmaisee missä
W3C:n CSS rekommendaatiossa ominaisuus on määritetty (CSS1 tai
CSS2).















































Ominaisuus



Kuvaus



Arvot



IE



F



N



W3C



outline



Oikotie kaikkien ääriviivaominaisuuksien asettamiseen yhdellä
määrityksellä



outline-color
outline-style
outline-width



-



1.5



-



2



outline-color



Asettaa ääriviivan värin



color
invert



-



1.5



-



2



outline-style



Asettaa ääriviivan tyylin



none
dotted
dashed
solid
double
groove
ridge
inset
outset



-



1.5



-



2



outline-width



Asettaa ääriviivan paksuuden



thin
medium
thick
length



-



1.5



-



2


AttachmentSize
CSS_aariviivat_kysymyksia.doc328.5 KB