Vlastnosť CSS Padding sa používa na definovanie priestoru medzi obsahom prvku a hranicou prvku .
Od CSS margin sa líši v tom, že CSS margin definuje priestor okolo prvkov. Odsadenie CSS je ovplyvnené farbami pozadia. Vyčistí oblasť okolo obsahu.
Vrchné, spodné, ľavé a pravé čalúnenie je možné meniť nezávisle pomocou samostatných vlastností. Môžete tiež zmeniť všetky vlastnosti naraz pomocou vlastnosti skrátenej výplne.
Vlastnosti výplne CSS
| Nehnuteľnosť | Popis |
|---|---|
| vypchávka | Používa sa na nastavenie všetkých vlastností výplne v jednej deklarácii. |
| polstrovanie-vľavo | Používa sa na nastavenie ľavého výplne prvku. |
| polstrovanie-vpravo | Používa sa na nastavenie správneho polstrovania prvku. |
| vypchávka-top | Používa sa na nastavenie vrchnej výplne prvku. |
| polstrovanie-dno | Používa sa na nastavenie spodnej výplne prvku. |
Hodnoty výplne CSS
| Hodnota | Popis |
|---|---|
| dĺžka | Používa sa na definovanie pevnej výplne v pt, px, em atď. |
| % | Definuje výplň v % obsahu prvku. |
Príklad CSS výplne
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> Vyskúšajte to Výkon:
Toto je odsek bez špecifikovanej výplne.
Toto je odsek so špecifikovanými výplňami.