Polstrování je jedním z nejdůležitějších aspektů a . V tomto článku budeme diskutovat o důležitosti a použití Padding v CSS v následujícím pořadí:
Co je výplň v CSS?
Vlastnost odsazení vám umožní určit, kam se má určit a kolik místa by se mělo objevit mezi textem obsahu prvku a jeho ohraničením. Hodnota tohoto atributu by měla být délka, procento nebo slovo.
Pokud je hodnota zděděna, bude to stejné polstrování jako nadřazená. Zde, pokud je použito procento, je procento z obsahujícího pole.
Vlastnosti výplně
K ovládání seznamů lze použít následující vlastnosti Padding v CSS. Stále však můžete také nastavit různé hodnoty polstrování na obou stranách rámečku, hlavně pomocí následujících vlastností:
Polstrované dno: určuje spodní výplň prvku.
Vycpávka: Určuje horní výplň prvku.
Polstrování vlevo: Určuje levé polstrování prvku.
Výplň vpravo: Určuje pravé polstrování prvku.
Polstrování: To slouží jako zkratka pro další vlastnosti.
Vlastnost polstrování dole:
Toto je nastaveno na spodní výplň prvku. Může nabývat hodnot v délce v procentech.
Toto je odstavec specifikovaný dole
Toto je další odstavec specifikovaný v dolní části v procentech
Výstup:
Vlastnost Padding-top
Tato vlastnost padding-top nastaví horní polstrování prvku. To může nabývat hodnot v délce v procentech.
Toto je horní odsazení zadané v odstavci
Toto je další odstavec specifikovaný horní výplň v procentech
Výstup:
Vlastnost Padding-left
Tato vlastnost odsazení vlevo nastaví levé odsazení prvku. Může nabývat hodnot v délce v procentech.
Toto je odstavec specifikovaný levým polstrováním
Toto je další odstavec specifikovaný levým polstrováním v procentech
Výstup:
Vlastnost výplně vpravo
Tato vlastnost padding-right nastaví pravé polstrování prvku. Může nabývat hodnot v délce v procentech.
Toto je odstavec specifikovaný pravým polstrováním
Toto je další odstavec specifikovaný pravým polstrováním v procentech
Výstup:
Vlastnost polstrování
Tato vlastnost polstrování nastavuje pravé, levé, horní a dolní polstrování. To může nabrat hodnoty v délce v procentech.
Všechny tyto čtyři výplně budou 20px
java split řetězec více oddělovačů
Horní a dolní výplň budou 20 pixelů, pravé a levé 10% z celkové šířky dokumentu
Horní a spodní polstrování bude 20 pixelů, pravé polstrování bude 3% z celkové šířky dokumentu, spodní a horní polstrování bude 20 pixelů
Výstup:
S tímto se dostáváme na konec tohoto úžasného článku o Padding v CSS. Doufám, že jste pochopili různé způsoby, jak můžeme přidat výplň.
Pokud se chcete dozvědět více o vývoji webu, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže naučit se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).
Pokud máte stále zájem Máte-li jakékoli dotazy, můžete je zveřejnit v sekci komentářů v tomto blogu „Padding in CSS“ a my se vám ozveme co nejdříve.