CSS-täyteominaisuus käytetään määrittääksesi tilan elementin sisällön ja elementin reunan välillä .
Se eroaa CSS-marginaalista siinä, että CSS-marginaali määrittää tilan elementtien ympärillä. CSS-täytökseen vaikuttavat taustavärit. Se tyhjentää alueen sisällön ympäriltä.
Ylä-, ala-, vasen ja oikea pehmuste voidaan vaihtaa itsenäisesti käyttämällä erillisiä ominaisuuksia. Voit myös muuttaa kaikkia ominaisuuksia kerralla käyttämällä lyhennettyä täyteominaisuutta.
CSS-täytön ominaisuudet
| Omaisuus | Kuvaus |
|---|---|
| pehmuste | Sitä käytetään asettamaan kaikki täyteominaisuudet yhdessä ilmoituksessa. |
| pehmuste-vasen | Sitä käytetään elementin vasemman täytön asettamiseen. |
| pehmuste-oikea | Sitä käytetään elementin oikean täytön asettamiseen. |
| pehmuste-top | Sitä käytetään elementin yläpehmusteen asettamiseen. |
| pehmuste-pohja | Sitä käytetään elementin pohjan pehmusteen asettamiseen. |
CSS-täytearvot
| Arvo | Kuvaus |
|---|---|
| pituus | Sitä käytetään määrittämään kiinteä täyttö pt-, px-, em- jne. |
| % | Se määrittää täytön prosentteina sisältävästä elementistä. |
Esimerkki CSS-täytteestä
p { background-color: pink; } p.padding { padding-top: 50px; padding-right: 100px; padding-bottom: 150px; padding-left: 200px; } <p>This is a paragraph with no specified padding.</p> <p>This is a paragraph with specified paddings.</p> Testaa nyt Lähtö:
Tämä on kappale, jossa ei ole määriteltyä täyttöä.
Tämä on kappale, jossa on tietyt täytteet.