Ako odsadiť text v HTML pomocou CSS?
V tomto článku budeme diskutovať o rôznych metódach odsadenia textu v dokumente HTML. Odsadenie textu sa používa na nastavenie dĺžky prázdneho bieleho miesta pred riadkami textu v bloku. Vo všeobecnosti označuje začiatok odseku.
Existuje niekoľko bežných prístupov k odsadzovaniu textu:
Obsah
Pomocou margin-left property :
Táto vlastnosť sa používa na pridanie okraja naľavo od prvku. Môže sa použiť na pridanie požadovaného odsadenia špecifikovaním potrebného priestoru vo vhodných jednotkách dĺžky alebo percentách.
Príklad: Tento príklad používa vlastnosť margin-left na odsadenie celého bloku textu.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > margin-left: 40px;> > }> > style>hlava> |
Výkon:
Pomocou vlastnosť text-indent:
Táto vlastnosť sa používa na nastavenie veľkosti medzery pred prvým riadkom textu v odseku. Môže byť špecifikovaný v jednotkách dĺžky alebo percentách podľa potreby.
Príklad: V tomto príklade je prvý riadok odseku odsadený pomocou vlastnosti text-indent.
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > text-indent: 40px;> > }> > style>hlava> |
Výkon:
Použitím vlastnosť padding-left :
Vlastnosť padding-left v CSS určuje veľkosť priestoru medzi ľavým okrajom poľa obsahu prvku a jeho vnútorným obsahom. Vytvára výplň na ľavej strane, čím posúva obsah preč od ľavého okraja prvku a poskytuje medzery a odsadenie.
Príklad: V tomto príklade používame vlastnosť padding left s príkladom .
HTML
> <> html> >> <> head> >> > <> style> >> > p {> > padding-left: 60px;> > }> > style>hlava> |
Výkon:
