Hvilke verdier kan tekstjusteringsegenskapen ha? HTML-tekstjustering etter senter, bredde og innrykk. HTML-tekst og innrykk på venstre side av siden

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+

kort informasjon

CSS-versjoner

Verdier

senter Justerer tekst til midten. Teksten plasseres horisontalt i nettleservinduet eller beholderen der tekstblokken er plassert. Tekstlinjer ser ut til å være trukket på en usynlig akse som går nedover midten av nettsiden. Denne justeringsmetoden brukes aktivt i overskrifter og ulike signaturer, for eksempel bildetekster; den gir et offisielt og solid utseende til tekstdesignet. I alle andre tilfeller brukes senterjustering sjelden av den grunn at det er upraktisk å lese en stor mengde slik tekst. begrunn Justified, som betyr justert til venstre og høyre på samme tid. For å utføre denne handlingen legger nettleseren i dette tilfellet til mellomrom mellom ordene. venstre Justerer tekst til venstre. I dette tilfellet er tekstlinjene justert til venstre, og høyre kant er ordnet som en stige. Denne justeringsmetoden er den mest populære på nettsteder, da den lar brukeren enkelt finne ny linje og komfortabelt lese stor tekst. høyre Justerer teksten til høyre. Denne justeringsmetoden fungerer som en antagonist til den forrige typen. Tekstlinjene er nemlig justert til høyre kant, mens den venstre forblir "revet". Fordi venstre kant ikke er justert, som er der nye linjer leses, er denne teksten vanskeligere å lese enn om den var venstrejustert. Derfor brukes høyrejustering vanligvis for korte overskrifter på ikke mer enn tre linjer. Vi vurderer ikke spesifikke nettsteder der teksten må leses fra høyre til venstre, hvor kanskje en lignende justeringsmetode vil være nyttig. auto Endrer ikke plasseringen av elementet. arve arver verdien til overordnet. start Samme som venstre hvis teksten går fra venstre til høyre og høyre når teksten går fra høyre til venstre. slutt Samme som høyre hvis teksten går fra venstre til høyre og venstre når teksten går fra høyre til venstre.

HTML5 CSS2.1 IE Cr Op Sa Fx

tekstjustering

Venstrejustering
Senterjustering

Resultatet av dette eksemplet er vist i fig. 1.

Ris. 1. Juster tekst i Safari-nettleseren

Internet Explorer opp til og med versjon 7.0 tolker det noe annerledes dette eksemplet enn andre nettlesere, og justerer ikke bare tekst, men også blokker (fig. 2).

Ris. 2. Tekstjustering i Internet Explorer 7

Objektmodell

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

Nettlesere

IE til og med versjon 7.0 justerer ikke bare innholdet i et blokknivåelement, men også selve elementet.

HTML-tagger som bestemmer tekstjustering og innrykk

Begrunnet tekst brukt i typografi

Eksemplet nedenfor viser hvordan du justerer tekst til bredde sider:

align="venstre" align="right"

Antallet arbeidstakere ansatt i tjenestesektoren og formidling av informasjon vokser hver dag. Hvis symbolene fra tidligere århundrer var gården og fabrikken, så er symbolet på det nåværende 21. århundre et kontor utstyrt med datamaskiner som har tilgang til informasjonsflyten.

align="justify" align="center"

Antallet arbeidstakere ansatt i tjenestesektoren og formidling av informasjon vokser hver dag. Hvis symbolene fra tidligere århundrer var gården og fabrikken, så er symbolet på det nåværende 21. århundre et kontor utstyrt med datamaskiner som har tilgang til informasjonsflyten.

Antallet arbeidstakere ansatt i tjenestesektoren og formidling av informasjon vokser hver dag. Hvis symbolene fra tidligere århundrer var gården og fabrikken, så er symbolet på det nåværende 21. århundre et kontor utstyrt med datamaskiner som har tilgang til informasjonsflyten.

Rettferdiggjøringsverdien sikrer enhetlig juster tekst til høyre og venstre, det er i bredden. Denne metoden er mye brukt i utskrift.

Justere tekst i HTML til sentrum og bredde

Juster tekst i HTML sentrert, tekst til høyre:

Resultat:

Egenskaper og verdier

  • align="left" - definerer venstre tekstjustering(misligholde).
  • align="center" - justerer teksten til midten.
  • align="right" - justerer teksten til høyre.

Juster | HTML-tekstinnrykk

HTML-tekst og innrykk til venstre på siden

Vi skal produsere tekstinnrykk til venstre på to måter:

Resultat:

Se i nytt vindu.

Eiendom text-align-last ( ikke å forveksle med HTML align) bestemmer hvordan den siste linjen i en blokk eller linjen før et tvungen brudd vil bli justert. Dette er viktig fordi den siste linjen i et avsnitt vanligvis ikke inneholder nok tekst til å fylle hele plassen.

I denne artikkelen vil vi dekke alle aspekter av tekst-align-last-egenskapen, inkludert verdiene den godtar og nettleserstøtte.

Bruk og aksepterte verdier

Det er enkelt å bruke egenskapen text-align-last. Her er en kodebit for å justere den siste tekstlinjen til høyre:

Intro-graf ( text-align: justify; // Obligatorisk for IE og Edge text-align-last: right; )

Eiendommen kan ta syv verdier. Du er sannsynligvis kjent med standard HTML-tekstverdier for align:left , right og center . De justerer teksten på den siste linjen til høyre, venstre og midten av beholderen.

Eksemplet nedenfor illustrerer forskjellene mellom disse tre verdiene:

Se eksempel

Den fjerde verdien, justify , justerer den siste linjen slik at teksten er jevnt fordelt over hele bredden av beholderen. Dette oppnås ved å legge til et passende antall mellomrom mellom ordene. Avhengig av tekstmengden kan denne egenskapen brukes til å fylle hele plassen i den siste linjen uten å ende opp med for store mellomrom mellom ordene.

Teksten i andre avsnitt er også spredt over hele bredden, men siden siste linje kun inneholder ett ord, er den plassert til venstre.

Se eksempel

Å justere den siste tekstlinjen til venstre er egnet for språk som leses fra venstre mot høyre ( LTR), men dette vil være feil for RTL-språk. I slike tilfeller kan bruk av venstre eller høyre verdier forårsake problemer.

Heldigvis kan du bruke startverdien til å justere tekst til kanten der skriving og lesing begynner. Dette betyr at ved å sette egenskapen text-align-last til å starte, vil du justere tekst til venstre for LTR-språk og høyrejustert for RTL-språk.

Du kan også bruke sluttverdien til å justere tekst på motsatt kant fra der du begynner å skrive og lese. Dette vil tilsvare verdien høyre for LTR-språk og venstre for RTL-språk.

Se eksempel

Standardverdien for denne egenskapen er auto . Når den brukes, blir teksten på den siste linjen justert i henhold til verdien til HTML-tekstjusteringsegenskapen med mindre den er satt til justify . Ellers distribueres tekst over hele beholderens bredde bare hvis egenskapen tekstjuster er satt til å distribuere . Ellers justeres teksten til kanten der skriving og lesing begynner.

Viktige notater

For at text-align-last skal fungere, må tekst-align-egenskapen settes til justify . Men denne regelen er bare implementert i IE og Edge. I Firefox og Chrome fungerer egenskapen uten å angi tekstjustering for å rettferdiggjøre . I eksemplet nedenfor skal teksten være høyrejustert i Edge og IE. I andre nettlesere vil de siste linjene med avsnitt bli justert i henhold til verdien av tekst-align-last-egenskapen, og de resterende linjene vil være høyrejustert.

Se demo

Hvis vi ikke setter tekstjustering for å justere rettferdig HTML , ser resultatet ikke like bra ut. Derfor vil du mest sannsynlig sette tekstfordelingen til bredde.

Egenskapen fungerer selv om avsnittet har et tvungen linjeskift spesifisert ved hjelp av taggen
eller noe sånt. Husk at denne egenskapen vil påvirke alle siste tekstlinjer innenfor det angitte elementet, ikke bare det ytterste. For eksempel, hvis teksten inne i en artikkel eller et div-element inneholder tre avsnitt, vil den siste linjen i hver av disse bli justert i henhold til egenskapen text-align-last for hele det overordnede elementet.

Hvis du bare trenger å justere den aller siste linjen med innhold, kan du bruke velgerne :last-child eller :last-of-type. Ta koden fra demoen nedenfor som et eksempel:

artikkel ( text-align: justify; ) article p:last-of-type ( text-align-last: right; )

Den justerer den siste linjen i det siste avsnittet i artikkelen vår til høyre. De resterende linjene justeres basert på verdien av HTML-tekstjusteringsegenskapen.

Se demo

Du kan også bruke andre velgere: :even og :odd for å endre justeringen.

Noen ganger kan et avsnitt bare bestå av én linje. I dette tilfellet, hvis du spesifiserte verdier for både text-align-egenskapen og text-align-last-egenskapen, vil sistnevnte egenskap ha forrang.

Tenk på følgende kodebit:

p ( text-align: justify; ) p:nth-of-type(2) ( text-align-last: left; )

Hvis det andre avsnittet bare har én linje, vil teksten bli venstrejustert fordi text-align-last vil ha forrang. Demoen nedenfor viser denne koden CSS i aksjon, pluss noen få andre HTML eksempler tilpasse.

Se demo

Nettleserstøtte

Støtte for denne egenskapen kan aktiveres ved å bruke alternativet " Aktiver eksperimentelle nettplattformfunksjoner"V Google Chrome og Opera, fra henholdsvis versjon 35 og 22. Den støttes fullt ut i Chrome 47+ og Opera 34+.

For å bruke denne egenskapen i Firefox, må du prefiksere den med -moz- . Start- og sluttverdiene støttes ikke av IE. Samtidig støtter Edge denne egenskapen fullt ut. Den eneste populære nettleseren som ikke fullt ut støtter text-align-last er Safari.

Vanligvis bestemmer nettstedskaperen selv hvilke bokstaver som skal være store og små, basert på staveregler og egne preferanser. Prosessen med å endre bokstavstilfeller kan imidlertid automatiseres ved hjelp av egenskapen tekstforvandling. Denne egenskapen kan ha fire verdier:

  • ingen - teksten er skrevet uten endringer;
  • bruk store bokstaver- hvert ord begynner med et stort tegn;
  • små bokstaver - alle tegn blir små bokstaver (små bokstaver);
  • stor bokstav- alle tegn blir store (store bokstaver).

For eksempel spesifiserer følgende regel at H1-overskriften skal være med store bokstaver:

H1 (tekst-transform: store bokstaver;)

Det er praktisk å angi automatisk endring av store og små bokstaver for forkortelser, elementnavn, overskrifter og andre tekstelementer, hvor du må skrive med store eller små bokstaver.

Tekstdekor: tekst-dekorasjonsegenskap

Eiendom tekst-dekorasjon lar deg gi teksten ekstra design. Verdiene til denne egenskapen er konstanter ingen, understreking, overlinje, gjennomstreking Og blinke, som lar deg vise ren tekst, tegne en linje over, under eller gjennom tekst, eller få tekst til å blinke. Et eksempel på bruk av forskjellige verdier av denne egenskapen er vist i figur 11.4.


Ris. 11.4.

Den vanligste bruken av eiendommen tekst-dekorasjon er å endre standard understreking av lenker. Følgende regel spesifiserer for eksempel at koblinger skal understrekes:

A:link (tekst-dekorasjon: understreking;)

Avstand mellom ord: ordavstandsegenskap

For å angi avstanden mellom ord i tekst, bruk egenskapen ordavstand. Verdiene til denne egenskapen kan angis ved hjelp av nøkkelord normal , som er standard og setter standardavstanden for gjeldende skrift. For å angi avstanden i tillegg til standarden, kan du spesifisere en verdi i alle tilgjengelige CSS-enheter, og verdien kan være negativ.

Så, følgende regel øker avstanden mellom ord i H1-overskriften med 1em:

H1 (ordavstand: 1em;)

Tekstjustering: egenskap for tekstjustering

Justering er plasseringen av venstre eller høyre kant av en tekstblokk langs en usynlig vertikal linje. For å justere tekst, bruk egenskapen tekstjustering. Gyldige verdier for denne egenskapen er venstre, høyre, senter og juster, som spesifiserer henholdsvis venstre-, høyre-, senter- og justeringsjustering.

Følgende regel angir senterjusteringen av alle elementene i et DIV-element:

DIV (tekstjuster: midt;)

Ledende: linjehøyde eiendom

Leading er avstanden mellom grunnlinjene til linjer som er nær hverandre. Under normale omstendigheter avhenger avstanden mellom linjene av typen og størrelsen på skriften og bestemmes automatisk av nettleseren. Men denne verdien kan endres ved å bruke line-height-egenskapen. Standardverdien for normal får nettleseren til å beregne avstanden mellom linjene automatisk. Ethvert tall større enn null behandles som en multiplikator av skriftstørrelsen til gjeldende tekst. Det er også mulig å bruke alle lengdeenheter som er akseptert i CSS som verdier for denne egenskapen. Det er også tillatt å bruke prosentnotasjon, og i dette tilfellet tas skrifthøyden til 100 %. Negativ linjeavstand er ikke tillatt.

Bokstavavstand: bokstavavstandsegenskap

Nettleseren justerer automatisk avstanden mellom tegn basert på skriftstørrelse og type. I noen tilfeller er det nødvendig å justere avstanden mellom bokstavene. For å kontrollere bokstavavstand, bruk egenskapen bokstavavstand. Verdiene for denne egenskapen kan være alle CSS-lengdeenheter, men det anbefales å bruke relative enheter basert på skriftstørrelse (em og ex). I motsetning til linjeavstand tillater bokstavavstandsegenskapen bruk av en negativ verdi, men i dette tilfellet må du sørge for at tekstens lesbarhet opprettholdes.

Følgende regel øker tegnavstanden i H1-overskriften med 0,5 em.

Hei, kjære lesere av bloggsiden. I dag fortsetter vi å studere og neste gang har vi egenskapene tekst-dekorasjon, vertikal-align, text-align, text-indent og en rekke andre, som bidrar til å designe utseendet til tekster i HTML-kode.

I den siste artikkelen så vi på egenskaper som er ment å konfigureres utseende fonter på .

Vel, enda tidligere så vi på alle typer i detalj, lærte hvordan de kan grupperes og hvilke prioriteringer nettleseren setter når de tolker dem. Riktignok var alt dette delt inn i flere artikler, så for ikke å bli forvirret, anbefaler jeg deg å studere materialene i den rekkefølgen som er gitt i.

Tekstdekorasjon, tekstjustering, tekstinnrykk i CSS

Hvordan jobbe med tekst i Css? Det vil være logisk å anta at det finnes spesialdesignede regler for dette formålet. La oss starte med tekst-justering, som faktisk er en erstatning for align-attributtet (det ble brukt til å justere innhold som P-avsnitt eller overskrifter).

Det har bare fire mulige betydninger:

Betydningen forblir den samme som før. Tekstjustering- dette er den horisontale justeringen av linjer. Denne regelen gjelder utelukkende blokkelementer (avsnitt, overskrifter osv.), dvs. de taggene der flere linjer kan vises. Fordi Siden inline-elementer bare kan ha én linje, er det ikke noe spesielt poeng å bruke tekstjustering i dem.

Det er tydelig at verdiene til denne regelen betyr justering, henholdsvis: venstre, høyre, senter og sidebredde (Begrunn - samtidig venstre og høyre ved å øke avstanden mellom ordene) . Det sier seg selv at Justify-verdien bør brukes for elementer med minst flere linjer med tekst, ellers vil det ikke være noen synlig effekt.

For eksempel begrunnet jeg forrige avsnitt (du kan se at det har glatte kanter både til venstre og høyre) ved å bruke:

Text-align:justify;

Som standard er horisontal tekstjustering venstre, dvs. Det er ikke nødvendig å spesifikt skrive text-align:left, med mindre du selvfølgelig tidligere har spesifisert en annen justering. Forresten, jeg justerte dette avsnittet til midten (sentrum), igjen for et tydelig eksempel, men her tror jeg alt er klart.

Neste Css-regel tekstinnrykk lar deg spesifisere en rød linje, for eksempel for tekst i en avsnittstagg P. Innrykk av den røde linjen kan spesifiseres ved å spesifisere en verdi (enten med et plusstegn eller et minustegn, ved å bruke ) eller ved å bruke prosenter:

Hva er prosenter beregnet fra i tekstinnrykk? Fra bredden av området som er tildelt for tekst. De. CSS-regelen text-indent:50% vil sette en rød linje lik halvparten av lengden på denne linjen. Vel, dette avsnittet fungerer som et eksempel på en slik regel.

Eller du kan for eksempel sette en negativ verdi for den røde linjen i tekstinnrykk og så får vi omtrent det du ser i dette avsnittet. For prestasjon dette resultatet Jeg skrev denne CSS-regelen for P-avsnittskoden:

Tekstinnrykk:-1em;

Vel, en typisk bruk av text-indent (for å angi standard rød linje) kan se slik ut: text-indent:40px; (gjelder forresten dette avsnittet). Denne regelen, akkurat som tekstjusteringen diskutert tidligere, gjelder kun blokkelementer, dvs. hvor flere linjer kan forekomme (avsnitt, overskrifter osv.).

Ok, la oss nå gå videre til tekst-dekorasjon(design med en horisontal linje), som allerede er brukt på alle HTML-elementer (både inline og blokk).

Det kan bare ha fire betydninger:

De. kan brukes ved hjelp av tekstdekorering: overlinje, gjennomstreking eller understreking, eller bruk ingenting i det hele tatt (ingen). Noen HTML-elementer har allerede et standarddesign horisontal linje, for eksempel (de er understreket som standard).

Derfor er det ikke bra å fremheve noe annet med understreking (bortsett fra hyperkoblinger), fordi brukere har skrevet i underbevisstheten at når det først er understreket (og også fremhevet i farger), betyr det at de kan klikke på det for å gå. Men ved å fremheve vanlig tekst med understreking, villeder du brukeren og blir deretter skuffet over ressursen din (han trodde det var, men det viste seg at...).

Nyansen ved bruk av Css-tekstdekorasjonsregelen er at du kan skrive inn tre (eller to) verdier samtidig for et hvilket som helst HTML-element (ikke utelate noen) og som et resultat vil du få understreket-understreket-overkrysset fragment av tekst(høres og ser kult ut, ikke sant?):

Tekstdekorasjon: strek over strek over strek;

Verdier for tekstdekorasjon (hvis du vil bruke flere av dem samtidig) må skrives gjennom et mellomromstegn.

Vertical-align - vertikal justering

Deretter har vi vertikal justering - vertikal justering. For nesten alle elementer i HTML-kode betyr det å justere innebygde elementer med tekst i forhold til grunnlinjen. Sant, for dette betyr det litt annerledes - alt innholdet som er i disse cellene vil bli justert vertikalt.

For CSS-regelen for vertikal justering kan du bruke følgende verdier:

Linjer er grunnlinjejustert som standard. Se, jeg søkte øke skriftstørrelsen for denne teksten og disse to fragmentene er justert til grunnlinjen (bunnlinjen). Og vertikal justering ved hjelp av vertikal justering er nettopp ment å endre måten linjene justeres på.

Hvis jeg for eksempel skriver vertikal-align:baseline for det samme forstørrede tekststykket, vil ingen endringer skje, fordi grunnlinjeverdien brukes som standard for denne CSS-regelen.

Du kan forresten også bruke tall som verdier for det, og inskripsjonen vertical-align:0 vil bety det samme som vertical-align:baseline, dvs. baseline tilsvarer null. Derfor, hvis vi ønsker å indikere et skift i vertikal justering, vil dette skiftet bli spesifisert i forhold til grunnlinjen (eller null).

Du kan skrive det slik:

vertikal-align:10px;

Og vi vil motta flytt fragmentet med større skrift opp 10 piksler i forhold til grunnlinjen. Hvis vi skriver en negativ verdi:

Vertical-align:-10px;

Så får vi flytte fragmentet ned i forhold til grunnlinjen. Fra eksemplene er det tydelig at på grunn av skiftet økte høyden på linjen slik at teksten passer inn i den uten å kollidere med den tilstøtende linjen. Skiftet kan også spesifiseres i Em og Ex, og som en prosentandel, som vil bli beregnet fra linjehøyden til dette elementet (husk i den siste artikkelen lærte vi hvordan du setter det ved å bruke ).

For å justere innholdet i tabellceller vertikalt, bør vertikaljustering bruke topp- og bunnverdiene for å justere innholdet til toppen og bunnen av cellen (vel, midt i en tabellcelle brukes som standard verdi for vertikal justering ).

Og for skriftelementer kan du bruke tekst-topp, tekst-bunn, midt. La oss bruke det som et eksempel denne teksten betydning:

vertikal-align:midt;

Hva skjedde som et resultat? Midtlinjen i det forstørrede fragmentet er på linje med grunnlinjen til den vanlige teksten, dvs. vi fikk vertikal justering til senterlinjen. For tekst-topp og tekst-bunn vil alt være det samme. Dette er tekst-topp, og dette er tekst-bunn.

Verdiene til Css-egenskapen vertical-align sub og super tilsvarer sub- og superindeksen som fant sted i ren HTML(før bruk CSS-egenskaper for visuell design).

Tekst-transform, bokstav-mellomrom, ord-mellomrom og mellomrom

Ingen brukes som standard og betyr at tegnene i teksten ikke endres på noen måte - som skrevet i HTML, er det slik de vil vises. Verdien med store bokstaver for teksttransformering vil transformere alle bokstaver i fragmentet til store bokstaver ( et eksempel er vist i denne setningen, hvor tekst-transform:store bokstaver ble brukt, og bokstavene opprinnelig ble skrevet med små bokstaver).

Små bokstaver for Css teksttransformeringsregelen vil tillate deg å transformere alle tegn i fragmentet til små bokstaver, og verdien for store bokstaver vil få alle de første bokstavene i ordet til å skrive store bokstaver ( eksempel i denne setningen- tekst-transform: stor bokstav). De. ved å bruke teksttransform kan du gjøre hva du vil med ren tekst, og deretter enkelt returnere alt.

Derfor, hvis du for eksempel har en oppgave å gjøre alle overskrifter kun skrevet med store bokstaver, skriv dem deretter i HTML som vanlig, og gjør dem med store bokstaver i CSS via tekst-transform:store bokstaver. Deretter, hvis du bestemmer deg for å endre noe tilbake, trenger du bare å gjøre en liten endring i stilene, og ikke i innholdet i alle 100 500 overskriftene på nettstedet ditt.

Som standard er både bokstavavstand og ordavstand satt til Normal, eller dette er det samme som null (dvs. avstanden mellom tegn og ord endres ikke på noen måte). Mengden endring i avstand i disse reglene kan bare spesifiseres i piksler, enten Em eller Ex, men ikke i prosenter.

Du kan imidlertid bruke både positive (spinn med tegn eller ord) og negative verdier (bringer tegn eller ord nærmere hverandre). For eksempel kan du "Dette er hvordan man tynner ut karakterene i denne frasen" ved å bruke følgende Css-regel:

Bokstavavstand:0,4em;

Eller du kan "Dette er hvordan man bringer symbolene i denne setningen nærmere hverandre" ved bruk av:

Bokstavavstand:-1px;

Det samme kan sies om ordavstand, med den eneste forskjellen at avstanden vil endre seg mellom ord, som for eksempel i denne setningen ved å bruke denne CSS-konstruksjonen:

Ord-mellomrom:4em;

På samme måte kan du bruke negative verdier i ordavstand for å redusere avstanden mellom ordene.

Vel, den siste CSS-regelen for i dag, som lar deg formatere tekst i HTML-kode på en bestemt måte, er denne hvitt mellomrom. Den er ansvarlig for å vise mellomrom på en nettside som oppstod under skriving av HTML-kode.

Som du husker fra artikkelen om, kombinerer nettleseren ved parsing av koden alle mellomrom, linjeskift og tabulatorer til ett enkelt mellomrom, og bryter linjer på nettsiden nøyaktig iht. mellomromstegn, som fant sted i koden.

Så hvitt mellomrom kan ha en av tre verdier:

Det er tydelig at standardverdien er Normal og i dette tilfellet vises alt som jeg beskrev rett ovenfor. Men ved bruk av Pre-verdien får vi en fullstendig analogi med å bruke, dvs. På nettsiden vil teksten vises med alle de ekstra mellomromstegnene som var til stede da koden ble skrevet, og nettleseren vil ikke lenger kunne foreta overføringer ved hjelp av dem.

Vel, hva er meningen? nowrap Det vil ganske enkelt hindre nettleseren fra å pakke eventuelle mellomromstegn den finner inne i et fragment med CSS-regelen white-space:nowrap. Du kan prøve hvordan det hele fungerer selv ved å lage en enkel HTML-fil og omslutte et stykke tekst i tagger som dette:

fragment av eksperimentell tekst

Lykke til! Vi sees snart på sidene til bloggsiden

Du kan være interessert

Listestil (type, bilde, posisjon) - Css-regler for å tilpasse utseendet til lister i HTML-kode
Posisjonering ved hjelp av Z-indeks og CSS-markørregel for å endre musepekeren
Polstring, marg og kant - satt inn CSS intern og ytre marger, samt rammer for alle sider (øverst, nederst, venstre, høyre)
Hva er CSS for, hvordan kobler du cascading style sheets til HTML-dokument og den grunnleggende syntaksen til dette språket
Flyt og klar i CSS - blokklayoutverktøy
CSS - hva er det, hvordan kobles cascading style sheets til HTML-kode ved å bruke stil og lenke
Dimensjonsenheter (piksler, Em og Ex) og arvsregler i CSS
Tag-, klasse-, Id- og universelle velgere, samt attributtvelgere i moderne CSS
Posisjon (absolutt, relativ og fast) - posisjoneringsmetoder HTML-elementer i CSS (venstre, høyre, topp og bunn regler)
Bakgrunn i CSS (farge, posisjon, bilde, repetisjon, vedlegg) - alt for å angi bakgrunn eller bakgrunnsfarge Html bilder elementer