Introduksjon til CSS-tekstformatering
Tidligere dager ble du tvunget til å representere teksten ved å bruke den gamle versjonen av CSS. Du hadde tag for å endre skyggelegging og skrifttype for innholdet, men måling ble hindret ved å bruke de forhånds karakteriserte tekstdimensjonene. De forskjellige virkningene som intensitet og gjennomslag var tenkelige i bare grunnleggende strukturer ved hjelp av HTML-etiketter. For tiden kan brukeren bruke en rekke CSS-tekstformateringsegenskaper for å ordne teksten på websidene på sine måter.
I dette kapittelet ser du mange CSS-tekstformateringsegenskaper. CSS-tekstformateringsegenskaper brukes til å designe teksten, style teksten, beskrive et par formateringsstiler osv. Egenskapene gir deg den visuelle representasjonen av tegn, mellomrom, ord, avsnitt og mange flere.
Liste over CSS-tekstformateringsegenskaper:
Detaljer om tekstformateringsmåter i CSS: -
1) Tekstfarge
Denne egenskapen kan brukes til å endre fargen på teksten. Det kan defineres ved å bruke fargeegenskaper.
Eksempel : Illustrasjon av tekstfarge
CSS Text Color Property
Hei Verden….
Velkommen til EDUCBA …
Den vil vise følgende utgang:
2) Tekstjustering
Denne egenskapen kan brukes til å endre horisontalen på teksten. Det kan defineres ved å bruke venstre, høyre, sentrum, rettferdiggjøre egenskaper.
Eksempel : Illustrasjon av tekstjustering
Text Alignment Property
Hei Verden…
Velkommen til EDUCBA …
Utdanningskonsulent …
Den vil vise følgende utgang:
3) Tekstdekorasjon
Denne egenskapen kan brukes til å dekorere teksten. Det kan defineres ved å bruke understrek, overskrift, gjennomgående egenskaper.
Eksempel : Illustrasjon av tekstdekorasjon
Text DecorationProperty
Hei Verden…
Velkommen til EDUCBA …
Utdanningskonsulent …
Den vil vise følgende utgang:
4) Teksttransformasjon
Denne egenskapen kan brukes til å endre tilfeller av teksten. Det kan defineres ved å bruke store bokstaver, små bokstaver.
Eksempel : Illustrasjon av teksttransformasjon
Text Transformation Property
Hei Verden…
Velkommen til educba …
Utdanningskonsulent …
Den vil vise følgende utgang:
5) Tekstinnrykk
Denne egenskapen kan brukes til å innrykke den første linjen i teksten. Det kan defineres ved å bruke px, cm, pt egenskaper.
Eksempel : Illustrasjon av tekstinnrykk
Text Indentation Property
Hei Verden…
Velkommen til Educba …
Utdanningskonsulent …
Den vil vise følgende utgang:
6) Ordavstand
Denne egenskapen kan brukes til å gi mellomrom mellom ord. Det kan defineres ved å bruke ord-avstand-egenskapen.
Eksempel : Illustrasjon av ordavstand
Word Spacing Property
Hei Verden…
Velkommen til Educba …
Utdanningskonsulent …
Den vil vise følgende utgang:
7) Brevavstand
Denne egenskapen kan brukes til å gi mellomrom mellom tegn. Det kan defineres ved å bruke bokstavavstand-egenskapen.
Eksempel : Illustrasjon av bokstavavstand
Letter Spacing Property
Hei Verden…
Velkommen til Educba …
Utdanningskonsulent …
Den vil vise følgende utgang:
8) Linjehøyde
Denne egenskapen kan brukes til å gi plass mellom linjene. Det kan defineres ved bruk av linjehøydeegenskap.
Eksempel : Illustrasjon av linjehøyde
Line Height Property
h3
(
line-height:2.5;
)
h4
(
line-height:150%;
)
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) er en
ledende global leverandør av ferdighetsbasert utdanning
Hos eduCBA er det et spørsmål om stolthet for oss å gjøre jobborientert
legger på kurs tilgjengelig for alle, når som helst og hvor som helst.
Den vil vise følgende utgang:
9) Tekst-retningen
Denne egenskapen kan brukes til å endre retningen på teksten. Det kan defineres ved å bruke rtl-egenskap. Den setter retning fra høyre til venstre.
Eksempel : Illustrasjon av tekstretning
Text Direction Property
Hallo verden … Velkommen til Educba …
Den vil vise følgende utgang:
10) Tekst-skygge
Denne egenskapen kan brukes til å gi skygge for teksten. Det kan defineres ved å bruke egenskapen tekst-skygge. Den bruker komponenter som venstre posisjon, topposisjonen, størrelsen på uskarpheten, fargenavnet.
Eksempel : Illustrasjon av tekstskygge
Text Shadow Property
h3
(
text-shadow:3px 3px 2px lightblue;
)
h4
(
text-shadow:3px 3px 2px plum;
)
Hei verden … Velkommen til EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) er en ferdighetsbasert utdanning
Den vil vise følgende utgang:
11) Ems
Dette er en skalerbar enhet for dimensjonering. Denne em-egenskapen kan brukes til å definere størrelsen på teksten i henhold til den omkringliggende teksten. Standardstørrelsen på teksten er 1 em, som tilsvarer 12 pkt. 2em er lik 24pt og så videre.
Eksempel : Illustrasjon av ems eiendom
Ems Property
h3
(
font-size: 0.8em;
)
h4
(
font-size: 1.2em;
)
Hei verden … Velkommen til EDUCBA …
EDUCBA (Corporate Bridge Consultancy Pvt Ltd) er en ferdighetsbasert utdanning
Den vil vise følgende utgang:
12) Fontfamilie
Denne egenskapen brukes til å gi forskjellige typer font-familienavn for den valgte teksten. For eksempel Helvetica, Calibri, Arial, Sans-serif, Times, Courier New, etc.
Eksempel : Illustrasjon av font-familieegenskapen
Font Family Property
Hei Verden…
Velkommen til Educba …
Utdanningskonsulent …
Den vil vise følgende utgang:
Konklusjon
Så langt har vi studert om tekstformateringsmåter i CSS. Du kan se at teksten blir presentert med forskjellige typer tekstformateringsegenskaper. Disse egenskapene er veldig viktige aspekter ved CSS for å vise teksten på websiden, slik at brukere eller lesere kan bli tiltrekke ved å se teksten din på nettstedet. Benytt deg av disse tekstegenskapene veldig enkelt og effektivt på websidene.
Anbefalte artikler
Dette har vært en guide til CSS-tekstformatering. Her har vi diskutert en introduksjon og liste over CSS-tekstformateringsegenskaper i detalj med eksempler på eksempler på kode og riktig utdata. Du kan også gå gjennom andre foreslåtte artikler for å lære mer -
- Hva er CSS?
- SASS vs CSS
- CSS-kommandoer
- CSS3 intervjuspørsmål