Pehmuste on yksi tärkeimmistä näkökohdista ja . Tässä artikkelissa käsitellään täytteen merkitystä ja käyttöä CSS: ssä seuraavassa järjestyksessä:
Mikä on täyte CSS: ssä?
Täyte-ominaisuuden avulla voit määrittää, missä määritetään ja kuinka paljon tilaa tulisi näkyä elementin sisältötekstin ja sen reunan välillä. Tämän määritteen arvon tulisi olla pituus tai prosenttiosuus tai sana.
Jos arvo peritään, se on sama täyte kuin vanhempi. Jos käytetään prosenttiosuutta, prosenttiosuus on sisältävä ruutu.
Pehmusteominaisuudet
Seuraavia CSS: n täytteen ominaisuuksia voidaan käyttää luetteloiden hallintaan. Silti voit myös asettaa erilaisia arvoja täytteille laatikon kummallekin puolelle pääasiassa seuraavien ominaisuuksien avulla:
Pehmustepohja: se määrittää elementin pohjan täytteen.
Yläosa: Se määrittelee elementin yläpehmusteen.
Vasen täyte: Se määrittää elementin vasemmanpuoleisen täytteen.
Oikea täyte: Se määrittää elementin oikean täytteen.
Pehmuste: Tämä toimii muiden ominaisuuksien lyhenteenä.
Pehmustepohjan ominaisuus:
Tämä on asetettu elementin alaosaan. Se voi ottaa arvot prosentteina.
Tämä on kappaleen mukainen pohjapehmuste
Tämä on toinen kappale, joka määrittelee alemman täytteen prosentteina Tuotos:
Padding-top-ominaisuus
Tämä top-top-ominaisuus asettaa elementin ylimmän täytteen. Tämä voi kestää prosenttiosuuksien pituuden.
Tämä on kappaleen mukainen yläpehmuste
mikä on Java-sovelma esimerkillä
Tämä on toinen kappale, joka määrittelee yläosan täytteen prosentteina Tuotos:
Pehmuste-vasen omaisuus
Tämä vasemmanpuoleinen ominaisuus asettaa elementin vasemmanpuoleisen täytteen. Se voi viedä prosenttipituisia arvoja.
Tämä on kappaleen määritetty vasen täyte
Tämä on toinen kappale, joka on määritetty vasemmanpuoleinen täyttö prosentteina Tuotos:
Oikeasti täyteinen kiinteistö
Tämä täyte-oikea ominaisuus asettaa oikean täytteen elementille. Se voi viedä prosenttipituisia arvoja.
Tämä on kappaleen määritetty oikea täyte
Tämä on toinen kappale, joka määrittelee oikean täytteen prosentteina Tuotos:
Täyte-ominaisuus
Tämä täyteominaisuus asettaa oikean, vasemman, ylimmän ja alemman täytteen. Tämä voi viedä arvot prosenttiosuutena.
Kaikki nämä neljä täytettä ovat 20 kuvapistettä
Ylä- ja alaosan täyte on 20 kuvapistettä, oikea ja vasen ovat 10% asiakirjan kokonaisleveydestä Ylä- ja alaosan täyte on 20 kuvapistettä, oikeanpuoleinen täyttö on 3% asiakirjan kokonaisleveydestä, alaosan ja yläosan täyte on 20 kuvapistettä Tuotos:
Tämän avulla olemme päässeet tämän upean CSS-artikkelin Padding-artikkeliin. Toivon, että sait käsityksen eri tavoista, joilla voimme lisätä pehmusteita.
Jos haluat oppia lisää verkkokehityksestä, tutustu kirjoittanut Edureka. Verkkokehityksen sertifiointikoulutus auttaa sinua oppimaan luomaan vaikuttavia verkkosivustoja HTML5-, CSS3-, Twitter Bootstrap 3-, jQuery- ja Google-sovellusliittymien avulla ja asentamaan sen Amazon Simple Storage Service (S3) -palveluun.
Jos olet edelleen kiinnostunut Jos sinulla on kysyttävää, voit lähettää sen tämän 'Padding in CSS' -blogin kommenttiosioon, ja otamme sinuun yhteyttä mahdollisimman pian.