Med pisanjem katerega koli članka ali dokumenta pogosto potrebujemo nekaj znakov v posebnih primerih. Na spletni strani se element HTML, katerega besedilo je treba preoblikovati, uporabi z lastnostjo CSS ' preoblikovanje besedila ”. Ta lastnost tudi prihrani čas na način, da se po dodajanju vseh znakov lahko njihove velike in male črke takoj preoblikujejo.

Ta objava vas bo naučila, kako lahko spremenimo velike in male črke besedila s CSS. Torej, začnimo!

Kako črkati besedilo z velikimi in malimi črkami s pomočjo CSS?

V CSS je » preoblikovanje besedila Lastnost nadzoruje uporabo velikih črk v besedilu. Uporablja se tudi za pretvorbo besedila v velike ali male črke.

Text-transform vrednosti lastnosti

Spodaj so navedene možne vrednosti lastnosti CSS text-transform:

• • “ velike črke ”: Ta vrednost naredi vse znake v besedilu elementa velike.
  • “ male črke ”: Ta vrednost spremeni besedilo elementa v male črke.
  • “ kapitalizirati ”: Ta vrednost spremeni prvo črko vsake besede z veliko začetnico.
  • “ nič ”: Ta vrednost omejuje spreminjanje besedila elementa.
  • “ začetnica ”: Ta vrednost nastavi privzeto vrednost.
  • “ podeduješ ”: Ta vrednost nastavi svojo vrednost iz nadrejenega elementa.

Analizirajte spodnji primer!

Primer: pretvorba besedila v velike in male črke

Najprej dodajte element div z imenom razreda ' škatla ”. Znotraj telesa dodajte tri oznake naslovov

,

in

, pri čemer je besedilo naslova

v celoti napisano z velikimi črkami,

je z malimi črkami in tretje je prav tako z malimi črkami.

Spodaj je koda HTML:

< div razred = 'škatla' >
< h1 > male črke: DOBRODOŠLI V LINUXHINT h1 >
< h2 > velike črke: dobrodošli v linuxhint h2 >
< h3 > kapitalizacija: dobrodošli v linuxhintu h3 >
div >

Style box div

.škatla {
višina: 200px;
premer: 80 % ;
obroba: 4px polna #e4cfcf;
barva ozadja: kadetsko modra;
rob: 1px samodejno;
oblazinjenje: 10px;
}

Div, ustvarjen v zgornji datoteki HTML, je zdaj oblikovan z lastnostmi CSS, ki so razložene spodaj:

• • “ višina ” se uporablja za nastavitev višine div.
  • “ premer ” se uporablja za nastavitev širine div.
  • “ meja Lastnost se uporablja za uporabo obrobe okoli elementa, ki ima širino 4 slikovne pike, vrsto polne črte in barvo #e4cfcf.
  • “ Barva ozadja ” določa barvo ozadja elementa.
  • “ marža Lastnost prilagodi prostor na vsaki strani elementa.
  • “ oblazinjenje Lastnost se uporablja za ustvarjanje prostora okoli vsebine elementa div ali znotraj roba elementa.

Spodnji bloki kode kažejo, da so vsi elementi naslova oblikovani z različnimi vrednostmi lastnosti preoblikovanja besedila. Element

je uporabljen z lastnostjo text-transform z vrednostjo, nastavljeno kot “ male črke ”:

h1 {
preoblikovanje besedila: male črke;
}

Element

je uporabljen z lastnostjo pretvorbe besedila z vrednostjo, nastavljeno kot ' velike črke ”:

h2 {
preoblikovanje besedila: velike črke;
}

Za element

je vrednost lastnosti text-transform nastavljena kot “ kapitalizirati ”:

h3 {
text-transform: kapitaliziraj;
}

Z zagotavljanjem zgoraj omenjene kode se celotno besedilo prvega naslova pretvori v male črke, drugega naslova pa v velike. Medtem ko je prva črka vsake besede v tretjem naslovu napisana z veliko začetnico:

Super! Uspešno smo se naučili preoblikovati besedilo v velike, male in vse z velikimi črkami.

Zaključek

Lastnost pretvorbe besedila CSS nadzira uporabo velikih začetnic v besedilu in se uporablja za spreminjanje velikih in malih črk besedila dokumenta. Ta lastnost velja za vse elemente, kjer so lahko vrednosti te lastnosti velike, male, velike ali nič. Ta spletni dnevnik je razložil postopek pretvorbe besedila v velike in male črke z uporabo lastnosti CSS text-transform.