✅ Stiluri de text în HTML5

Cuprins

Cele mai utilizate stiluri de bază sunt alinierea textului și justificarea, acest lucru ne ajută să localizăm textul și să-l facem mai compatibil cu mediul, să ne imaginăm că trebuie să plasăm un rezumat al unei știri și vrem să iasă în evidență un alt text, am putea face ca alinierea sa să fie concentrată astfel încât să obținem proeminența dorită la început.
Pentru a realiza acest lucru, vom folosi două proprietăți:

1. alinierea textului: Specifică alinierea unui bloc de text poate lua valorile: început, sfârșit, stânga, dreapta, centru, justificare.

2. justificați textul: Specifică tehnica care va fi utilizată pentru a justifica textul atunci când justificare este aleasă în alinierea textului.

Să vedem un pic de cod în care aplicăm acest lucru:

Exemplu

Există o mulțime de feluri diferite de fructe - există peste 500 de soiuri de banane numai. Până când adăugăm nenumăratele tipuri de mere, portocale și alte fructe cunoscute, ne confruntăm cu mii de alegeri. Unul dintre cele mai interesante aspecte ale fructelor este varietatea disponibilă în fiecare țară. Locuiesc lângă Londra, într-o zonă cunoscută pentru merele sale.

Începere Sfârșit Stânga Dreapta Centrul de justificare

În această porțiune de cod ceea ce am făcut este să facem un scenariu cu limbajul Javascript care ne permite să schimbăm atributul lui aliniere text astfel încât atunci când îl rulăm în browserul nostru putem vedea diferența dintre fiecare dintre valorile proprietății atributului. Să vedem cum avem câteva dintre aceste proprietăți aplicate în browser:

MARI

Aici putem observa că ecranul din stânga pe care l-am aplicat centru care ne permite să centrăm textul și pe ecranul din dreapta pe care l-am aplicat dreapta ceea ce ne oferă posibilitatea de a alinia textul la dreapta.
Acum să vedem o altă caracteristică a HTML5 când un text are spații goale, duble sau triple, browserul le înlocuiește de obicei cu un singur spațiu, cum ar fi liniile goale, le ignoră, pentru a lucra cu el avem proprietatea spatiu alb, ea poate lua următoarele atribute:

normal: Este valoarea implicită din browser, ignoră mai multe spații și linii noi.
nowrap: În acest caz, spațiile sunt ignorate, dar pauzele de linie sunt respectate.
pre: Spațiul alb și numai întreruperile de linie sunt păstrate.
pre-linie: Spațiul este ignorat, dar pauza de linie este respectată.
pre-wrap: Spațiul alb este respectat și va exista o întrerupere a liniei atunci când este specificată sau când blocul o cere.

Să vedem un exemplu:

Exemplu

După cum putem vedea, am inclus mai multe spații duble în text și am indicat că vom folosi proprietatea pre-linie, Să vedem ce ne va arăta browserul:

După cum putem vedea, a respectat doar întreruperile de linie, totuși spațiile goale au fost schimbate în spații simple.