Стилови текста у ХТМЛ5

Преглед садржаја

Најчешће коришћени основни стилови су поравнавање текста и оправдање, ово нам помаже да лоцирамо текст и учинимо га компатибилнијим са окружењем, замислимо да морамо поставити резиме вести и желимо да се издваја из други текст, могли бисмо учинити да његово поравнање буде фокусирано тако да постигнемо истакнутост коју смо желели на почетку.
Да бисмо то постигли, користићемо два својства:

1. поравнање текста: Наводи поравнање текстуалног блока може узети вредности: почетак, крај, лево, десно, центар, поравнање.

2. поравнајте текст: Наводи технику која ће се користити за оправдање текста када се изабере поравнање у поравнању текста.

Погледајмо мало кода где ово примењујемо:
 Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора. Један од најзанимљивијих аспеката воћа је сорта доступна у свакој земљи. Живим у близини Лондона, у области која је позната по јабукама.

Почните крај Лево десно Десно средиште поравнања


У овом делу кода оно што смо урадили је да направимо а скрипта са језиком Јавасцрипт што нам омогућава да променимо атрибут Поравнање текста тако да када га покренемо у свом прегледачу можемо видети разлику између вредности својстава сваког атрибута. Хајде да видимо како имамо неколико ових примењених својстава у прегледачу:

ЕНЛАРГЕ

Овде можемо приметити да смо применили леви екран центар то нам омогућава да центрирамо текст и на десни екран који смо применили јел тако што нам даје могућност поравнања текста удесно.
Погледајмо сада још једну од карактеристика ХТМЛ5 када текст има празне, двоструке или троструке размаке, прегледач их обично замењује једним размаком, попут празних редова, занемарује их, да бисмо са њим радили имамо својство размаци, она може узети следеће атрибуте:
  • нормално: То је подразумевана вредност у прегледачу, занемарује више размака и нових редова.
  • садрап: У овом случају размаци се занемарују, али се поштују преломи редова.
  • пре: Очуван је празан простор и само преломи линија.
  • пред-линија: Размак се занемарује, али се поштује прелом редова.
  • претходно омотање: Бели размак се поштује и доћи ће до прелома редова када је то назначено или када блок то захтева.

Погледајмо пример:
 Пример

Постоји много различитих врста воћа - само преко 500 врста банана постоји. Док додамо безброј врста јабука, поморанџи и другог добро познатог воћа, суочени смо са хиљадама избора. Један од најзанимљивијих аспеката воћа је сорта доступна у свакој земљи. Живим у близини Лондона, у области која је позната по јабукама.


Као што видимо, у текст смо укључили више двоструких размака и назначили смо да ћемо користити својство пред-линија, Да видимо шта ће нам прегледач показати:

Као што видимо, поштовао је само преломе редова, међутим празна места су промењена у једноставне.
wave wave wave wave wave