CSS	internet Explorer		Chrome	Opera	Safari	Firefox	Android	iOS
2.1	6.0+	8.0+	1.0+	3.5+	1.0+	1.0+	1.0+	1.0+
3			2.0+	11.6+	3.1+	3.6+	2.1+	2.0+

kratke informacije

različice CSS

Vrednote

center Poravna besedilo na sredino. Besedilo je postavljeno vodoravno v okno brskalnika ali vsebnik, kjer se nahaja besedilni blok. Zdi se, da so vrstice besedila nanizane na nevidni osi, ki poteka po sredini spletne strani. Ta način poravnave se aktivno uporablja v naslovih in različnih podpisih, kot so napisi; daje besedilu uraden in trden videz. V vseh drugih primerih se sredinska poravnava redko uporablja, ker je branje velike količine takega besedila neprijetno. justify Justified, kar pomeni poravnano na levo in desno hkrati. Za izvedbo tega dejanja brskalnik v tem primeru doda presledke med besedami. levo Poravna besedilo na levo. V tem primeru so vrstice besedila poravnane v levo, desni rob pa je urejen kot lestev. Ta način poravnave je najbolj priljubljen na spletnih mestih, saj uporabniku omogoča preprosto iskanje nova vrstica in udobno branje velikega besedila. desno Poravna besedilo na desno. Ta metoda poravnave deluje kot antagonist prejšnje vrste. Vrstice besedila so namreč poravnane na desni rob, levi pa ostane “natrgan”. Ker levi rob ni poravnan, kjer se berejo nove vrstice, je to besedilo težje brati, kot če bi bilo poravnano levo. Zato se desna poravnava običajno uporablja za kratke naslove, ki niso daljši od treh vrstic. Ne upoštevamo določenih spletnih mest, kjer je treba besedilo brati od desne proti levi, kjer bi bila morda uporabna podobna metoda poravnave. auto Ne spremeni položaja elementa. inherit Podeduje vrednost nadrejenega. začetek Enako kot levo, če gre besedilo od leve proti desni, in desno, ko gre besedilo od desne proti levi. end Enako kot desno, če gre besedilo od leve proti desni, in levo, ko gre besedilo od desne proti levi.

HTML5 CSS2.1 IE Cr Op Sa Fx

Rezultat tega primera je prikazan na sl. 1.

riž. 1. Poravnajte besedilo v brskalniku Safari

Internet Explorer do vključno različice 7.0 si ga razlaga nekoliko drugače ta primer kot drugi brskalniki, poravnava ne le besedila, ampak tudi blokov (slika 2).

riž. 2. Poravnava besedila v Internet Explorerju 7

Objektni model

document.getElementById("elementID ").style.textAlign

Brskalniki

IE do vključno različice 7.0 ne poravna le vsebine elementa na ravni bloka, temveč tudi sam element.

Oznake HTML, ki določajo poravnavo in zamik besedila

Upoštevano besedilo, uporabljeno v tipografiji

Spodnji primer prikazuje, kako poravnati besedilo v širino strani:

poravnaj="levo"	poravnaj="desno"
	Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, iz dneva v dan narašča. Če sta bila simbola preteklih stoletij kmetija in tovarna, potem je simbol sedanjega 21. stoletja pisarna, opremljena z računalniki, ki imajo dostop do pretoka informacij.
align="upraviči"	align="center"
Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, iz dneva v dan narašča. Če sta bila simbola preteklih stoletij kmetija in tovarna, potem je simbol sedanjega 21. stoletja pisarna, opremljena z računalniki, ki imajo dostop do pretoka informacij.	Število delavcev, zaposlenih v storitvenem sektorju in širjenju informacij, iz dneva v dan narašča. Če sta bila simbola preteklih stoletij kmetija in tovarna, potem je simbol sedanjega 21. stoletja pisarna, opremljena z računalniki, ki imajo dostop do pretoka informacij.

Upravičena vrednost zagotavlja enotnost poravnajte besedilo desno in levo, to je v širino. Ta metoda se pogosto uporablja v tiskarstvu.

Poravnava besedila v HTML na sredino in širino

Poravnajte besedilo v HTML na sredino, besedilo na desno:

rezultat:

Atributi in vrednosti

• align="left" - definira levo poravnavo besedila(privzeto).
• align="center" - poravna besedilo na sredino.
• poravnaj="desno" - poravna besedilo na desno.

Poravnaj | Zamik besedila HTML

besedilo HTML in njegovo vdolbino na levi strani

Izdelali bomo zamik besedila na levi na dva načina:

rezultat:

Poglej v novem oknu.

Lastnost text-align-last ( ne smemo zamenjevati s poravnavo HTML) določa, kako bo poravnana zadnja vrstica bloka ali vrstica pred prisilnim prelomom. To je pomembno, ker zadnja vrstica odstavka običajno ne vsebuje dovolj besedila, da bi zapolnila ves prostor.

V tem članku bomo obravnavali vse vidike lastnosti text-align-last, vključno z vrednostmi, ki jih sprejema, in podporo brskalnika.

Uporaba in sprejete vrednosti

Uporaba lastnosti text-align-last je preprosta. Tukaj je delček kode za poravnavo zadnje vrstice besedila na desno:

Intro-graph (text-align: justify; // Zahtevano za IE in Edge text-align-last: right; )

Lastnost ima lahko sedem vrednosti. Verjetno ste seznanjeni s standardnimi besedilnimi vrednostmi HTML align:left , right in center . Poravnajo besedilo v zadnji vrstici na desno, levo in sredino vsebnika.

Spodnji primer prikazuje razlike med temi tremi vrednostmi:

Oglejte si primer

Četrta vrednost, justify, poravna zadnjo vrstico tako, da je besedilo enakomerno porazdeljeno po celotni širini vsebnika. To dosežemo z dodajanjem ustreznega števila presledkov med besedami. Odvisno od količine besedila lahko to lastnost uporabite za popolno zapolnitev prostora v zadnji vrstici, ne da bi pri tem prišlo do prevelikih vrzeli med besedami.

Besedilo v drugem odstavku je prav tako razporejeno po širini, a ker je v zadnji vrstici le ena beseda, je umeščeno na levo.

Oglejte si primer

Poravnava zadnje vrstice besedila na levo je primerna za jezike, ki se berejo od leve proti desni ( LTR), vendar to ne bo pravilno za jezike RTL. V takih primerih lahko uporaba leve ali desne vrednosti povzroči težave.

Na srečo lahko uporabite začetno vrednost za poravnavo besedila na rob, kjer se začne pisanje in branje. To pomeni, da boste z nastavitvijo lastnosti text-align-last na start poravnali besedilo levo za jezike LTR in desno za jezike RTL.

Končno vrednost lahko uporabite tudi za poravnavo besedila na nasprotnem robu od tistega, kjer začnete pisati in brati. To bo ustrezalo vrednosti desno za jezike LTR in levo za jezike RTL.

Oglejte si primer

Privzeta vrednost za to lastnost je auto. Ko je uporabljeno, je besedilo v zadnji vrstici poravnano glede na vrednost lastnosti poravnave besedila HTML, razen če je nastavljena na poravnavo. V nasprotnem primeru se besedilo porazdeli po širini vsebnika samo, če je lastnost poravnave besedila nastavljena na distribute . V nasprotnem primeru je besedilo poravnano na rob, kjer se začne pisanje in branje.

Pomembne opombe

Da text-align-last deluje, mora biti lastnost text-align nastavljena na justify. Toda to pravilo se izvaja samo v IE in Edge. V Firefoxu in Chromu lastnost deluje brez nastavitve poravnave besedila za poravnavo . V spodnjem primeru mora biti besedilo v Edge in IE poravnano desno. V drugih brskalnikih bodo zadnje vrstice odstavkov poravnane glede na vrednost lastnosti text-align-last, preostale vrstice pa bodo desno poravnane.

Oglejte si predstavitev

Če text-align ne nastavimo na align justify HTML, rezultat ne izgleda tako lepo. Zato boste najverjetneje nastavili porazdelitev besedila na širino.

Lastnost deluje, tudi če ima odstavek vsiljen prelom vrstice, določen z oznako
ali nekaj takega. Ne pozabite, da bo ta lastnost vplivala na vse zadnje vrstice besedila znotraj podanega elementa, ne samo na najbolj oddaljeno. Na primer, če besedilo znotraj elementa article ali div vsebuje tri odstavke, bo zadnja vrstica v vsakem poravnana glede na nastavljeno lastnost text-align-last za celoten nadrejeni element.

Če morate poravnati samo zadnjo vrstico vsebine, lahko uporabite izbirnike :last-child ali :last-of-type. Kot primer vzemite kodo iz spodnje predstavitve:

članek ( text-align: poravnati; ) article p: last-of-type ( text-align-last: right; )

Poravna zadnjo vrstico zadnjega odstavka našega članka na desno. Preostale vrstice so poravnane glede na vrednost lastnosti poravnave besedila HTML.

Oglejte si predstavitev

Za spreminjanje poravnave lahko uporabite tudi druge izbirnike: :even in :odd.

Včasih je lahko odstavek sestavljen samo iz ene vrstice. V tem primeru, če ste podali vrednosti tako za lastnost text-align kot za lastnost text-align-last, bo imela slednja lastnost prednost.

Razmislite o naslednjem delčku kode:

p ( text-align: poravnati; ) p:nth-of-type(2) ( text-align-last: levo; )

Če ima drugi odstavek samo eno vrstico, bo besedilo levo poravnano, ker bo imela prednost text-align-last. Spodnja predstavitev prikazuje to kodo CSS v akciji in še nekaj drugih Primeri HTML poravnati.

Oglejte si predstavitev

Podpora za brskalnik

Podporo za to lastnost lahko omogočite z možnostjo " Omogoči eksperimentalne funkcije spletne platforme"V Google Chrome in Opera, začenši z različico 35 oziroma 22. V celoti je podprt v brskalnikih Chrome 47+ in Opera 34+.

Če želite uporabiti to lastnost v Firefoxu, ji boste morali dodati predpono -moz-. Začetne in končne vrednosti IE ne podpira. Hkrati Edge v celoti podpira to lastnost. Edini priljubljen brskalnik, ki ne podpira v celoti text-align-last, je Safari.

Običajno se ustvarjalec spletnega mesta sam odloči, katere črke bodo velike in katere male, na podlagi pravil črkovanja in lastnih preferenc. Vendar pa je postopek spreminjanja velikih in malih črk mogoče avtomatizirati z uporabo lastnosti preoblikovanje besedila. Ta lastnost ima lahko štiri vrednosti:

• nič - besedilo je napisano brez sprememb;
• kapitalizirati- vsaka beseda se začne z veliko začetnico;
• male črke - vsi znaki postanejo male črke (male črke);
• velike črke- vsi znaki postanejo veliki (velike črke).

Naslednje pravilo na primer določa, da mora biti naslov H1 napisan z velikimi črkami:

H1 (pretvorba besedila: velike črke;)

Priročno je nastaviti samodejno spreminjanje velikih in malih črk za kratice, imena elementov, naslove in drugo elementi besedila, kjer morate pisati z velikimi ali malimi črkami.

Okrasitev besedila: lastnost dekoracije besedila

Lastnina besedilo-okras vam omogoča, da besedilu dodate dodatno zasnovo. Vrednosti te lastnosti so konstante nič, podčrtano, prečrtano, prečrtano in utripati, ki vam omogoča prikaz navadnega besedila, risanje črte nad, pod ali skozi besedilo ali utripanje besedila. Primer uporabe različnih vrednosti te lastnosti je prikazan na sliki 11.4.

riž. 11.4.

Najpogostejša uporaba nepremičnine besedilo-okras je spremeniti privzeto podčrtano povezavo. Naslednje pravilo na primer določa, da morajo biti povezave podčrtane:

A:povezava (okras besedila: podčrtano;)

Razmik med besedami: lastnost besednega razmika

Če želite nastaviti razmik med besedami v besedilu, uporabite lastnost word-spacing. Vrednosti te lastnosti je mogoče nastaviti z uporabo ključna beseda normal , ki je privzet in nastavi standardni razmik za trenutno pisavo. Če želite nastaviti razmik poleg standardnega, lahko podate vrednost v kateri koli razpoložljivi enoti CSS, vrednost pa je lahko negativna.

Torej naslednje pravilo poveča razmik med besedami v naslovu H1 za 1em:

H1 (razmik med besedami: 1em;)

Poravnava besedila: lastnost poravnave besedila

Poravnava je postavitev levega ali desnega roba bloka besedila vzdolž nevidnega navpična črta. Za poravnavo besedila uporabite lastnost text-align. Veljavne vrednosti za to lastnost so levo, desno, sredinsko in poravnano, ki določajo levo, desno, sredinsko oziroma poravnano poravnavo.

Naslednje pravilo nastavi sredinsko poravnavo vseh elementov v elementu DIV:

DIV (poravnava besedila: sredina;)

Leading: lastnost line-height

Vodilna je razdalja med osnovnimi črtami črt, ki so blizu druga drugi. V normalnih okoliščinah je razmik med vrsticami odvisen od vrste in velikosti pisave in ga samodejno določi brskalnik. Toda to vrednost je mogoče spremeniti z lastnostjo line-height. Privzeta vrednost normal povzroči, da brskalnik samodejno izračuna razmik med vrsticami. Vsako število, večje od nič, se obravnava kot množitelj velikosti pisave trenutnega besedila. Kot vrednosti za to lastnost je mogoče uporabiti tudi vse enote dolžine, sprejete v CSS. Dovoljena je tudi uporaba odstotnega zapisa in v tem primeru je višina pisave vzeta kot 100%. Negativni razmik med vrsticami ni dovoljen.

Razmik med črkami: lastnost razmika med črkami

Brskalnik samodejno prilagodi razmik med znaki glede na velikost in vrsto pisave. V nekaterih primerih je treba prilagoditi razdaljo med črkami. Za nadzor razmika med črkami uporabite lastnost črkovnega razmika. Vrednosti za to lastnost so lahko poljubne dolžinske enote CSS, vendar je priporočljivo uporabljati relativne enote glede na velikost pisave (em in ex). Za razliko od razmika med vrsticami lastnost črkovnega razmika dovoljuje uporabo negativne vrednosti, vendar morate v tem primeru poskrbeti za ohranitev berljivosti besedila.

Naslednje pravilo poveča razmik med znaki v glavi H1 za 0,5 em.

Pozdravljeni, dragi bralci spletnega dnevnika. Danes nadaljujemo s študijem in naslednje so lastnosti text-decoration, vertical-align, text-align, text-indent in številne druge, ki pomagajo oblikovati videz besedil v kodi Html.

V zadnjem članku smo si ogledali lastnosti, ki naj bi jih konfigurirali videz pisave na .

No, še prej smo si podrobno ogledali vse vrste, izvedeli, kako jih je mogoče združiti in kakšne prioritete postavlja brskalnik, ko jih interpretira. Res je, da je bilo vse to razdeljeno na več člankov, zato vam svetujem, da gradivo preučite v vrstnem redu, kot je navedeno, da ne bi prišlo do zmede.

Okras besedila, poravnava besedila, zamik besedila v CSS

Kako delati z besedilom v CSS? Logično bi bilo domnevati, da za ta namen obstajajo posebej oblikovana pravila. Začnimo s poravnavo besedila, ki je pravzaprav zamenjava za atribut poravnave (uporabljen je bil za poravnavo vsebine, kot je P odstavkov ali naslovov).

Ima le štiri možne pomene:

Pomen ostaja enak kot prej. Poravnaj besedilo- to je vodoravna poravnava črt. To pravilo velja izključno za elemente blokov (odstavke, naslove itd.), tj. tiste oznake, v katerih se lahko pojavi več vrstic. Ker Ker imajo lahko elementi v vrstici samo eno vrstico, uporaba poravnave besedila v njih ni smiselna.

Jasno je, da vrednosti tega pravila pomenijo poravnavo, oziroma: levo, desno, sredino in širino strani (Utemelji - hkrati levo in desno s povečanjem razdalje med besedami) . Samoumevno je, da je treba vrednost Justify uporabiti za elemente z vsaj več vrsticami besedila, sicer ne bo vidnega učinka.

Na primer, prejšnji odstavek (lahko vidite, da ima gladke robove na levi in ​​desni) sem utemeljil z:

Poravnava besedila: poravnava;

Privzeto je vodoravna poravnava besedila levo, tj. Ni potrebe, da posebej pišete text-align:left, razen če ste seveda predhodno določili drugačno poravnavo. Mimogrede, ta odstavek sem poravnal na sredino (središče), spet za jasen primer, vendar mislim, da je tukaj vse jasno.

Naslednje pravilo CSS zamik besedila vam omogoča, da določite rdečo črto, na primer za besedilo v oznaki odstavka P. Zamik rdeče črte lahko določite tako, da podate vrednost (bodisi z znakom plus ali znak minus, z uporabo ) ali z uporabo odstotkov:

Iz česa se izračunajo odstotki v zamiku besedila? Od širine območja, dodeljenega besedilu. Tisti. Pravilo CSS text-indent:50% bo nastavilo rdečo črto, ki je enaka polovici dolžine te vrstice. No, ta odstavek služi kot primer takega pravila.

Lahko pa na primer nastavite negativno vrednost za rdečo črto v zamiku besedila in potem bomo dobili približno to, kar vidite v tem odstavku. Za dosežek ta rezultat Napisal sem to pravilo CSS za oznako odstavka P:

Zamik besedila:-1em;

No, tipična uporaba text-indent (za nastavitev standardne rdeče črte) bi lahko izgledala takole: text-indent:40px; (mimogrede velja za ta odstavek). To pravilo, tako kot prej obravnavano poravnavo besedila, velja samo za blokovne elemente, tj. kjer se lahko pojavi več vrstic (odstavki, naslovi itd.).

V redu, zdaj pa pojdimo na besedilo-okras(oblikovanje z uporabo vodoravne črte), ki je že uporabljena za vse Html elemente (tako inline kot block).

Lahko ima le štiri pomene:

Tisti. se lahko uporablja z uporabo besedilne dekoracije: prečrtano, skozi črto ali podčrtano ali pa ne uporabite ničesar (nobenega). Nekateri elementi HTML že imajo privzeto zasnovo vodoravna črta, na primer (so privzeto podčrtani).

Zato poudarjanje česa drugega s podčrtajem (razen hiperpovezav) ni dobro, saj imajo uporabniki v podzavesti zapisano, da ko je enkrat podčrtano (in tudi barvno poudarjeno), to pomeni, da lahko kliknejo na to, da gredo. Toda s poudarjanjem običajnega besedila s podčrtajem zavedete uporabnika in posledično postanete razočarani nad svojim virom (mislil je, da je, a se je izkazalo, da ...).

Niansa pri uporabi pravila za dekoracijo besedila Css je, da lahko vnesete tri (ali dve) vrednosti hkrati za kateri koli element Html (brez izpuščanja nobene) in kot rezultat boste dobili podčrtan-podčrtan-prečrtan del besedila(zveni in izgleda kul, kajne?):

Besedilo-okras: podčrtano nadčrtovano skozi črto;

Vrednosti za dekoracijo besedila (če jih želite uporabiti več hkrati) je treba napisati skozi znak presledka.

Vertical-align - navpična poravnava

Sledi navpična poravnava - vertical-align. Za skoraj vse elemente v kodi HTML to pomeni poravnavo elementov v vrstici z besedilom glede na njihovo osnovno črto. Res je, da to pomeni malo drugače - vsa vsebina, ki je v teh celicah, bo poravnana navpično.

Za pravilo navpične poravnave CSS lahko uporabite naslednje vrednosti:

Črte so privzeto poravnane z osnovno črto. Glej, prijavil sem se povečajte velikost pisave za ta del besedila in ta dva fragmenta sta poravnana z osnovno (spodnjo) črto. In navpična poravnava z uporabo vertical-align je namenjena ravno spreminjanju načina poravnave črt.

Na primer, če napišem vertical-align:baseline za isti povečan del besedila, potem ne bo prišlo do nobenih sprememb, ker osnovna vrednost se privzeto uporablja za to pravilo CSS.

Mimogrede, zanj lahko uporabite tudi številke kot vrednosti, napis vertical-align:0 pa bo pomenil isto kot vertical-align:baseline, tj. osnovna vrednost je enaka nič. Če torej želimo označiti kakršen koli premik v navpični poravnavi, bo ta premik določen glede na osnovno črto (ali ničlo).

Lahko zapišete takole:

navpična poravnava:10px;

In prejeli bomo premaknite fragment z večjo pisavo navzgor 10 slikovnih pik glede na osnovno črto. Če zapišemo negativno vrednost:

Navpična poravnava: -10px;

Potem dobimo premaknite fragment navzdol glede na izhodišče. Iz primerov je razvidno, da se je zaradi premika višina vrstice povečala, tako da se besedilo prilega vanjo, ne da bi trčilo v sosednjo vrstico. Premik je mogoče določiti tudi v Em in Ex ter kot odstotek, ki bo izračunan iz višine vrstice tega elementa (ne pozabite, da smo se v zadnjem članku naučili, kako ga nastaviti z uporabo ).

Za navpično poravnavo vsebine celic tabele mora navpična poravnava uporabiti vrednosti Top in Bottom, da poravna vsebino na vrh in dno celice (no, sredina v celici tabele se uporablja kot privzeta vrednost navpične poravnave ).

In za elemente pisave lahko uporabite besedilo zgoraj, besedilo spodaj, sredino. Uporabimo ga kot primer ta del besedila pomen:

navpična poravnava: sredina;

Kaj se je zgodilo posledično? Srednja črta povečanega fragmenta je poravnana z osnovno črto navadnega besedila, tj. dobili smo navpično poravnavo s središčnico. Za besedilo zgoraj in besedilo spodaj bo vse enako. To je besedilo na vrhu in to je besedilo na dnu.

Vrednosti lastnosti Css vertical-align sub in super ustrezajo sub- in super-indexu, ki sta se zgodila v čisti HTML(pred uporabo Lastnosti CSS za vizualno oblikovanje).

Preoblikovanje besedila, razmik med črkami, razmik med besedami in presledek

None je privzeto uporabljen in pomeni, da se znaki v besedilu ne bodo spremenili na noben način - kot je zapisano v Html, bodo tako prikazani. Vrednost za velike črke za pretvorbo besedila bo vse črke v fragmentu spremenila v velike črke ( primer je prikazan v tem stavku, kjer je bilo uporabljeno pravilo text-transform:uppercase, črke pa so bile prvotno napisane z malimi črkami).

Vrednost malih črk za pravilo preoblikovanja besedila Css vam bo omogočila pretvorbo vseh znakov v fragmentu v male črke, vrednost velike črke pa bo vse prve črke besede spremenila v velike ( primer v tem stavku- preoblikovanje besedila: pisanje z velikimi črkami). Tisti. s pretvorbo besedila lahko naredite karkoli želite z navadnim besedilom in nato preprosto vrnete vse nazaj.

Torej, če imate na primer nalogo, da vse naslove naredite samo pisne z velikimi tiskanimi črkami, nato jih zapišite v Html kot običajno in jih v CSS naredite z velikimi črkami prek text-transform:uppercase. Potem, če se odločite nekaj spremeniti nazaj, morate narediti le majhno spremembo v slogih in ne v vsebini vseh 100.500 glav na vašem spletnem mestu.

Privzeto sta tako razmik med črkami kot razmik med besedami nastavljena na Normal ali je to enako kot nič (tj. razdalja med znaki in besedami se na noben način ne spremeni). Količino spremembe razdalje v teh pravilih je mogoče določiti le v slikovnih pikah, Em ali Ex, ne pa v odstotkih.

Vendar pa lahko uporabite pozitivne (redkost znakov ali besed) in negativne vrednosti (zbliževanje znakov ali besed). Na primer, lahko "tako razredčite znake v tej frazi" z uporabo naslednjega pravila Css:

Razmik med črkami:0,4em;

Ali pa lahko "tako zbližati simbole v tej frazi" z uporabo:

Razmik med črkami: -1px;

Enako lahko rečemo za razmik med besedami, z edino razliko, da se bo razdalja med besedami spreminjala, kot na primer v tej besedni zvezi z uporabo tega konstrukta CSS:

Razmik med besedami: 4em;

Podobno lahko uporabite negativne vrednosti v razmikih med besedami, da zmanjšate razdaljo med besedami.

No, zadnje pravilo CSS za danes, ki vam omogoča oblikovanje besedila v kodi Html na določen način, je to prazen prostor. Odgovoren je za prikaz presledkov na spletni strani, ki so se pojavili med pisanjem kode Html.

Kot se spomnite iz članka o tem, brskalnik pri razčlenjevanju kode združi vse presledke, prelome vrstic in zavihke v en sam presledek ter prelomi vrstice na spletni strani natančno glede na presledki, ki je potekal v zakoniku.

Tako prazen prostor lahko sprejme eno od treh vrednosti:

Jasno je, da je privzeta vrednost Normal in v tem primeru je vse prikazano, kot sem opisal zgoraj. Toda pri uporabi vrednosti Pre dobimo popolno analogijo z uporabo, tj. Na spletni strani bo besedilo prikazano z vsemi tistimi odvečnimi presledki, ki so bili prisotni pri pisanju kode, brskalnik pa z njimi ne bo več mogel izvajati prenosov.

No, kaj je pomen? nowrap Preprosto bo brskalniku preprečil, da bi vse presledke, ki jih najde znotraj fragmenta, zavil s pravilom CSS white-space:nowrap. Sami lahko poskusite, kako vse deluje, tako da ustvarite preprosto datoteko Html in kateri koli del besedila zaprete v oznake, kot je ta:

Srečno! Kmalu se vidimo na straneh spletnega dnevnika

Morda vas bo zanimalo

Slog seznama (vrsta, slika, položaj) - pravila CSS za prilagajanje videza seznamov v kodi Html
Pozicioniranje z uporabo Z-indeksa in pravila kazalca CSS za spreminjanje kazalca miške
Oblazinjenje, rob in obroba – nastavljeno CSS notranji in zunanji robovi ter okvirji za vse strani (zgoraj, spodaj, levo, desno)
Čemu je namenjen CSS, kako povezati kaskadne slogovne liste HTML dokument in osnovno sintakso tega jezika
Float in clear v CSS – orodjih za postavitev blokov
CSS - kaj je to, kako se povezujejo kaskadne slogovne datoteke HTML koda z uporabo sloga in povezave
Dimenzijske enote (piksli, Em in Ex) in pravila dedovanja v CSS
Izbirniki oznak, razredov, Id in univerzalni izbirniki ter izbirniki atributov v sodobnem CSS
Položaj (absolutni, relativni in fiksni) - metode pozicioniranja elementi HTML v CSS (pravila za levo, desno, zgoraj in spodaj)
Ozadje v CSS (barva, pozicija, slika, ponovitev, priloga) - vse za nastavitev ozadja oz. barve ozadja Html slike elementi