Polstrovanie je jedným z najdôležitejších aspektov a . V tomto článku sa budeme zaoberať dôležitosťou a použitím výplne v CSS v nasledujúcom poradí:
Čo je výplň v CSS?
Vlastnosť odsadenie vám umožňuje určiť, kde sa má určiť a koľko miesta by sa malo objaviť medzi textom obsahu prvku a jeho okrajom. Hodnota tohto atribútu by mala byť dĺžka, percento alebo slovo.
Ak je hodnota zdedená, bude to rovnaká výplň ako pre nadradenú. Ak sa použije percentuálny podiel, je tu percentuálny podiel obsahujúceho políčka.
Vlastnosti výplne
Na riadenie zoznamov je možné použiť nasledujúce vlastnosti odsadenia v CSS. Stále však môžete nastaviť rôzne hodnoty polstrovania na ktorejkoľvek strane boxu, a to hlavne pomocou nasledujúcich vlastností:
Polstrované dno: určuje spodnú výplň prvku.
Výplň: Určuje hornú výplň prvku.
Výplň vľavo: Určuje ľavú výplň prvku.
Pravé polstrovanie Určuje pravé polstrovanie prvku.
Vypchávka: Toto slúži ako skratka pre ďalšie vlastnosti.
Vlastnosť polstrovania dole:
Toto je nastavené na spodnú výplň prvku. Môže nadobúdať hodnoty v dĺžke percenta.
Toto je odsek uvedený v dolnej časti výplne
Toto je ďalší odsek uvedený v dolnej časti výplne v percentách
Výkon:
Vlastnosť s výplňou
Táto vlastnosť výplne nastaví hornú výplň prvku. To môže nadobúdať hodnoty v dĺžke percenta.
Toto je horná výplň zadaná v odseku
Toto je ďalší odsek špecifikovaný v hornej časti výplne v percentách
Výkon:
Vlastnosť Padding-left
Táto vlastnosť padding-left nastaví ľavú výplň prvku. Môže nadobúdať hodnoty v dĺžke percenta.
Toto je odsek uvedený vľavo
Toto je ďalší odsek špecifikovaný ľavým polstrovaním v percentách
Výkon:
Vlastnosť výplne vpravo
Táto vlastnosť odsadenia vpravo nastaví správne odsadenie prvku. Môže nadobúdať hodnoty v dĺžke percenta.
Toto je odsek uvedený v pravom polstrovaní
Toto je ďalší odsek uvedený ako pravé polstrovanie v percentách
Výkon:
Vlastnosť polstrovania
Táto vlastnosť polstrovania nastavuje pravé, ľavé, horné a spodné polstrovanie. To môže trvať hodnoty v dĺžke percenta.
Všetky tieto štyri výplne budú mať veľkosť 20 pixlov
ako tlačiť protokol git commit
Horné a spodné polstrovanie bude mať veľkosť 20 pixelov, pravé a ľavé bude 10% z celkovej šírky dokumentu
Horná a dolná výplň bude mať veľkosť 20 pixelov, pravá výplň bude predstavovať 3% z celkovej šírky dokumentu, spodná a horná výplň budú mať veľkosť 20 pixelov.
Výkon:
Týmto prichádzame na koniec tohto úžasného článku o Padding v CSS. Dúfam, že ste pochopili rôzne spôsoby, ako môžeme pridať polstrovanie.
Ak sa chcete dozvedieť viac informácií o vývoji webových aplikácií, pozrite si stránku od Edureka. Osvedčenie o školení v oblasti vývoja webu vám pomôže naučiť sa, ako vytvárať pôsobivé webové stránky pomocou rozhraní HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).
Ak stále máte záujem Ak máte akékoľvek otázky, môžete ich uverejniť v sekcii komentárov v tomto blogu „Padding in CSS“ a my sa vám ozveme čo najskôr.