Teksta stili HTML5

Satura rādītājs

Visbiežāk izmantotie pamata stili ir teksta izlīdzināšana un pamatojums, tas palīdz mums atrast tekstu un padarīt to saderīgāku ar vidi, iedomāsimies, ka mums jāievieto ziņu kopsavilkums un mēs vēlamies, lai tas izceļas no citiem Cits teksts, mēs varam panākt, lai tā saskaņošana būtu vērsta tā, lai mēs sasniegtu to nozīmi, kādu mēs gribējām sākumā.
Lai to panāktu, mēs izmantosim divas īpašības:

1. teksta līdzināšana: Norāda, ka teksta bloka izlīdzināšanai var būt šādas vērtības: sākums, beigas, pa kreisi, pa labi, centrs, pamatojums.

2. teksta pamatojums: Norāda tehniku, kas tiks izmantota teksta attaisnošanai, kad teksta līdzināšanā ir izvēlēts attaisnojums.

Apskatīsim mazliet kodu, kur mēs to piemērojam:
 Piemērs

Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā. Viens no interesantākajiem augļu aspektiem ir katrā valstī pieejamā šķirne. Es dzīvoju netālu no Londonas, rajonā, kas ir pazīstams ar saviem āboliem.

Sākums Beigas Kreisais Labais taisnināšanas centrs


Šajā koda daļā mēs esam izdarījuši a skripts ar valodu Javascript kas ļauj mainīt atribūtu teksta līdzināšana lai, palaižot to savā pārlūkprogrammā, mēs varētu redzēt atšķirību starp katra atribūta īpašību vērtībām. Apskatīsim, kā pārlūkprogrammā ir daži no šiem lietotajiem rekvizītiem:

PALIELINĀT

Šeit mēs varam pamanīt, ka kreisais ekrāns ir piemērots centrā kas ļauj centrēt tekstu un labajā ekrānā, ko esam lietojuši taisnība kas dod mums iespēju izlīdzināt tekstu pa labi.
Tagad apskatīsim vēl vienu no HTML5 ja tekstā ir tukšas, divvietīgas vai trīskāršas atstarpes, pārlūks tos parasti aizstāj ar vienu atstarpi, piemēram, tukšas rindas, tā tos ignorē, lai ar to strādātu, mums ir īpašums atstarpes, viņa var ņemt šādus atribūtus:
  • normāli: Tā ir noklusējuma vērtība pārlūkprogrammā, ignorē vairākas atstarpes un jaunas rindas.
  • nowrap: Šajā gadījumā atstarpes tiek ignorētas, bet rindu pārtraukumi tiek ievēroti.
  • iepriekš: Tiek saglabāta balta atstarpe un tikai līniju pārtraukumi.
  • pirmslīnija: Atstarpe tiek ignorēta, bet rindas pārtraukums tiek ievērots.
  • iepriekšēja iesaiņošana: Baltā atstarpe tiek ievērota, un, ja tas ir norādīts vai kad to pieprasa bloks, tiks pārtraukta līnija.

Apskatīsim piemēru:
 Piemērs

Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā. Viens no interesantākajiem augļu aspektiem ir katrā valstī pieejamā šķirne. Es dzīvoju netālu no Londonas, rajonā, kas ir pazīstams ar saviem āboliem.


Kā redzam, tekstā esam iekļāvuši vairākas dubultās atstarpes un esam norādījuši, ka izmantosim īpašumu iepriekšējā līnija, Redzēsim, ko mums parādīs pārlūkprogramma:

Kā redzam, tas ievēroja tikai rindu pārtraukumus, tomēr tukšās vietas tika mainītas uz vienkāršām atstarpēm.
wave wave wave wave wave