Padding

CSS padding







CSS:n padding-ominaisuudet määrittävät elementin
sisällön ja reunuksen väliin jäävän tyhjän tilan.




Esimerkkejä


All
the padding properties in one declaration

Kaikkien
padding-ominaisuuksien asettaminen oikotietä käyttäen.


Set
the top padding using a cm value

Ylälaidan
padding-ominaisuuden asettaminen cm-arvoisena.


Set
the top padding using a percent value

Ylälaidan
padding-ominaisuuden asettaminen prosenttiarvoisena.


Set
the bottom padding using a cm value

Alalaidan
padding-ominaisuuden asettaminen cm-arvoisena.


Set
the bottom padding using a percent value

Alalaidan
padding-ominaisuuden asettaminen prosenttiarvoisena.


Set
the left padding using a cm value

Vasemman laidan
padding-ominaisuuden asettaminen cm-arvoisena.


Set
the left padding using a percent value

Vasemma laidan
padding-ominaisuuden asettaminen prosenttiarvoisena.


Set
the right padding using a cm value

Oikean laidan
padding-ominaisuuden asettaminen cm-arvoisena.


Set
the right padding using a percent value

Oikean laidan
padding-ominaisuuden asettaminen prosenttiarvoisena.




CSS padding-ominaisuudet


CSS:n padding-ominaisuudet määrittävät tyhjän tilan joka
jätetään elementin reunusten ja sisälllön väliin. Negatiiviset
arvot eivät ole sallittuja. Ylä, ala, oikea ja vasen
padding-ominaisuus voidaan asettaa erikseen. Myös oikotie-ominaisuus
on käytettävissä.




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



padding



Oikotie kaikkien arvojen asettamiseen kerralla



padding-top
padding-right
padding-bottom
padding-left



4



1



4



1



padding-bottom



Alalaidan padding-ominaisuuden asettaminen



length
%



4



1



4



1



padding-left



Vasemman laidan padding-ominaisuuden asettaminen



length
%



4



1



4



1



padding-right



Oikean laidan padding-ominaisuuden asettaminen



length
%



4



1



4



1



padding-top



Ylälaidan padding-ominaisuuden asettaminen



length
%



4



1



4



1


AttachmentSize
CSS_padding_harjoituksia.doc87.5 KB