- Harju
- Etäyhteydet
- XHTML ja CSS
- Mobiilit päätelaitteet
- Tietoturva
- Virtualisointi II
- WWW-suunnittelu
- Verkkopalvelut
- Tietokannat
- Palvelimen avoimet ohjelmistot
- Web-ohjelmointi
- Web-sovellus
- Ohjelmiston käytön tuki
- Palvelinohjelmistot
- Työvälineohjelmistot 2
- Virtualisointi
- Työaseman avoimet ohjelmistot
- Työvälineet - tietokannat
- Väärälä
- Puustelli
- Kokkonen
- Microsoft Imagine
- Koudata Moodle
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 |
---|---|---|---|---|---|---|
Oikotie kaikkien arvojen asettamiseen kerralla | padding-top | 4 | 1 | 4 | 1 | |
Alalaidan padding-ominaisuuden asettaminen | length | 4 | 1 | 4 | 1 | |
Vasemman laidan padding-ominaisuuden asettaminen | length | 4 | 1 | 4 | 1 | |
Oikean laidan padding-ominaisuuden asettaminen | length | 4 | 1 | 4 | 1 | |
Ylälaidan padding-ominaisuuden asettaminen | length | 4 | 1 | 4 | 1 |
Attachment | Size |
---|---|
CSS_padding_harjoituksia.doc | 87.5 KB |