HTML5 - odsazení

The polstrování v HTML nám umožňuje generovat prostor mezi obsahem a hranami krabice, která je obsahuje, tímto způsobem můžeme dát prvku vzduch a dosáhnout zajímavých grafických efektů.

• Polstrování: Inicializuje odsazení pro horní okraj, jeho měření jsou vyjádřena v délce nebo v procentech.
• Polstrování vpravo: Inicializuje odsazení pro pravý okraj, jeho měření jsou vyjádřena v délce nebo v procentech.
• Polstrování-dole: Inicializuje odsazení pro spodní okraj, jeho měření jsou vyjádřena v délce nebo v procentech.
• Polstrování vlevo: Inicializuje odsazení pro levý okraj, jeho měření jsou vyjádřena v délce nebo v procentech.
• Polstrování: Tato zkratka nám pomáhá provést inicializaci odsazení se všemi jeho okraji v jednom řádku.

Něco důležitého, co musíme omezit při inicializaci a polstrování Použití procentuálních měření je, že toto procento bude odebráno pouze na základě šířky prvku, nikdy ne na výšku.
Podívejme se nyní na jednoduchý kód, jak použít a polstrování v našem dokumentu HTML5.

 Příklad
Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.

Jak vidíme z tohoto kódu, můžeme zvýraznit docela zajímavé věci, pokud se podíváme pozorně, na prvek, na který se zaměřujeme, jsme již použili jiné styly, a to znamená, že můžeme míchat s jinými prvky, abychom získali náš výsledek, můžeme také vidíme, že používáme měrnou jednotku em namísto pxAčkoli jsou oba kompatibilní, je otázkou, zda můžeme vidět jejich univerzálnost; konečně se podívejme, jak to vypadá v našem prohlížeči:

Nyní se podívejme, jak použít zástupce k inicializaci našeho polstrování v jednom řádku je pořadí měření výplně následující: Nahoru, Doprava, Dolů, Vlevo; Kromě toho, když vynecháváme hodnoty, je druhá hodnota upravena na nevynechanou, například pokud vynecháme levou, bude mít hodnotu pravou, pokud vynecháme nižší, bude mít hodnotu horní, pokud umístíme pouze jednu hodnotu, budou mít čtyři strany stejnou hodnotu.
Celou tuto teorii předvedeme pomocí kodexu praxe, podívejme se, jak velmi jednoduchým způsobem implementujeme odsazení do jednoho řádku.

 Příklad
Existuje spousta různých druhů ovoce - existuje více než 500 odrůd banánů. V době, kdy přidáme nespočet druhů jablek, pomerančů a dalšího známého ovoce, máme před sebou tisíce možností.

Jak vidíme, deklarace odsazení se příliš nemění a uložíme pár řádků, pojďme se podívat na to, jak by to vypadalo v prohlížeči:

V tomto prvku jej vytvoříme s poměrně nepravidelným okrajem, pokud bychom nepoužili výplň, okraj by zachytil text, proveďte změnu a zkontrolujte svůj prohlížeč, abyste viděli rozdíl.
S tímto dokončujeme náš výukový program HTML5 pro odsazení, nyní můžeme vytvářet mezery v prvcích, které obsahují náš obsah v dokumentu HTML, a zbývá nám cvičit, dokud nezvládneme to, co jsme se v tomto kurzu naučili.Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod