Kuidas rakendada polsterdamist CSS-is koos näidetega

See artikkel pakub üksikasjalikke ja põhjalikke teadmisi selle kohta, kuidas CSD-s koos näidetega Paddingut rakendada.

Polsterdus on üks kõige olulisemaid aspekte ja . Selles artiklis käsitleme polsterduse olulisust ja kasutamist CSS-is järgmises järjekorras:

Mis on CSS-is polsterdus?

Atribuut Padding võimaldab teil täpsustada ja kui palju ruumi peaks elemendi sisuteksti ja selle ääre vahel ilmuma. Selle atribuudi väärtus peaks olema pikkus või protsent või sõna.





Padding-in-CSS



Kui väärtus on päritud, on see sama vanemaga täidis. Kui kasutatakse protsenti, on protsent lahtrit sisaldav.

Polsterduse omadused

Järgmisi atribuute CSS-is saab kasutada loendite kontrollimiseks. Sellegipoolest saate kasti mõlemale küljele määrata ka erinevad väärtused, kasutades peamiselt järgmisi omadusi:

  • Polsterdus: see määrab elemendi alumise polsterduse.



  • Polsterdus: See määrab elemendi ülemise polsterduse.

  • Polsterdus vasakul: See määrab elemendi vasakpoolse polsterduse.

  • Polsterdus paremal: See määrab elemendi õige polsterduse.

  • Polsterdus: See toimib edasiste omaduste stenogrammina.

Pehmenduspõhja vara:

fibonacci iteratiivne c ++

See on seatud elemendi alumisele polsterdusele. See võib võtta väärtused protsentides.


See on paragrahvi määratud alumine polsterdus



See on veel üks lõik, mille alumine polsterdus on protsentides

Väljund:

Padding-top vara

See atribuut top-top määrab elemendi ülemise polstri. See võib võtta protsentuaalse väärtuse.


Selles lõigus on määratletud ülemine polsterdus



See on veel üks lõik, mis määrab ülemise polsterduse protsentides

Väljund:

Polsterdus vasakul

kuidas kasutada skanneri klassi javas

See atribuut vasakul määrab elemendi vasaku polstri. See võib võtta protsentuaalse väärtuse.


See on lõik, mis on määratud vasakpoolseks polsterduseks



See on veel üks lõik, mis määrab vasakpoolse täidise protsentides

Väljund:

Parempoolne kinnisvara

kuidas teisendada topelt täisarvuks java

See atribuut parempoolne määrab elemendi õige polstri. See võib võtta protsentuaalse väärtuse.


Selles lõigus on täpsustatud parempoolne polsterdus



See on veel üks lõik, mille protsentides on täpsustatud parempoolne täitmine

Väljund:

Polsterdusvara

See polsterduse omadus määrab parema, vasaku, ülemise ja alumise polsterduse. See võib võtta väärtused protsentides.


Kõik need neli polsterdust saavad olema 20px



Ülemine ja alumine polster on 20px, paremal ja vasakul on 10% dokumendi kogulaiusest



Ülemine ja alumine täidis on 20 pikslit, parempoolne täidis on 3% dokumendi kogulaiusest, alumine ja ülemine täidis on 20 pikslit

Väljund:

Sellega jõuame selle hämmastava CSS-i artikliga Padding. Loodan, et saite aru erinevatest viisidest, kuidas saame polstrit lisada.

Kui soovite veebiarenduse kohta lisateavet saada, vaadake järgmist autor Edureka. Veebiarenduse sertifitseerimiskoolitus aitab teil õppida muljetavaldavaid veebisaite looma HTML5, CSS3, Twitter Bootstrap 3, jQuery ja Google API-de abil ning juurutada see Amazon Simple Storage Service'i (S3).

Kui olete endiselt huvitatud, kui teil on küsimusi, võite selle postitada selle ajaveebi “Padding in CSS” kommentaaride jaotisse ja võtame teiega esimesel võimalusel ühendust.