Tekstavstand og ordavstand i CSS | Forklart

Tekst er en av de essensielle delene på en hvilken som helst webside. Det viser betydningen av teksten, og derfor gir CSS et bredt spekter av tekstegenskaper for å forbedre det tekstlige utseendet til ethvert nettsted i henhold til vårt valg e.g. tekst-justering, tekstfarge, ord-avstand osv.

I HTML/CSS, hvis vi må legge til noen ekstra mellomrom mellom ordene eller linjene, gjør CSS -egenskaper oss i stand til å kontrollere avstanden mellom linjene, ordene og til og med bokstavene. Denne oppskrivningen vil konsentrere seg om ord-avstand og bokstav-avstandsegenskaper, og etter å ha lest denne oppskrivningen, vil du kunne svare på følgende begrep:

• Hva er ord-avstand?
• Hvordan du bruker ordomgangsegenskaper i CSS?
• Hva er brev-avstand?
• Hvordan du bruker eiendoms-avstand i CSS?
• Hva er forskjellen mellom bokstav-avstand og ord-avstandsegenskaper?

Denne oppskrivningen gir en fullstendig forståelse av ovennevnte spørsmål ved hjelp av noen eksempler. Så uten ytterligere forsinkelse, la oss starte diskusjonen med den formelle definisjonen av ord-avstand.

Ord-avstand i CSS

Som navnet i seg selv antyder at denne egenskapen er i stand til å håndtere avstanden mellom ordene. Vi kan tildele en spesifikk “lengde”Til denne egenskapen for å justere avstanden mellom ordene i.e. Vi kan øke eller redusere rommet mellom forskjellige ord.

Hvordan du bruker ordomgangsegenskaper i CSS

La oss forstå dette konseptet praktisk talt med det undergitte eksemplet:

Eksempel

I denne koden opprettet vi et avsnitt og la til noe ekstra mellomrom mellom ordene:

Dette er et avsnitt ..

Følgende vil være utgangen for ovennevnte kode:

Det vi har observert i koden ovenfor er at det er et normalt avsnitt med ingen ekstra mellomrom, derfor trenger vi en riktig måte å sette plass mellom ordene.

Eksempel

Vi kan legge til noen ekstra mellomrom ved hjelp av CSS-ord-avstand:

Dette er et avsnitt ..

Nå vil utgangen bekrefte at rommet mellom hvert ord er 0.5 cm:

Plassen kan legges til mellom ordene i forskjellige enheter som PX, CM, MM, etc.

Brevavstand i CSS

Denne egenskapen ligner på den eneste egenskapen til orden.e. den kontrollerer rommet mellom bokstavene.

Hvordan du bruker eiendoms-avstand i CSS

Vi vil forstå arbeidet med denne egenskapen ved å bruke et eksempel. For å skille mellom arbeid med ordavstand og bokstavavgang vil vi lage et avsnitt og en overskrift.

Eksempel

Den gitte koden nedenfor vil implementere ord-avstand på

element og bokstav-avstand på

element:

Tekstavstand

Dette er et avsnitt ..

Følgende vil være utdata for koden ovenfor:

Ovennevnte utdata verifiserer at egenskap av bokstaver la til rommet mellom bokstavene og ord-avstandsegenskapen lagt til rommet mellom ordene.

Konklusjon

Egenskaper for ordavstand og bokstaver kan brukes i CSS for å kontrollere avstanden mellom ordene og bokstavene. Ulike CSS -lengdeverdier som PX, MM, CM, kan brukes til å justere rommet mellom bokstavene og ordene. Denne oppskrivningen presenterer en fullstendig retningslinje for ord-avstand, bokstav-avstandsegenskaper i CSS, og forklarer behovet og bruken av disse egenskapene.