Rakstot jebkuru rakstu vai dokumentu, mums bieži ir vajadzīgas dažas rakstzīmes, lai tās būtu konkrētos gadījumos. Tīmekļa lapā HTML elements, kura teksts ir jāpārveido, tiek lietots ar CSS rekvizītu ' teksta pārveidošana ”. Šis īpašums arī ietaupa laiku tādā veidā, ka pēc visu rakstzīmju pievienošanas to reģistru var pārveidot uzreiz.

Šī ziņa jums iemācīs, kā mēs varam mainīt teksta gadījumus, izmantojot CSS. Tātad, sākam!

Kā rakstīt lielos un mazos burtus, izmantojot CSS?

CSS sistēmā “ teksta pārveidošana ” īpašums kontrolē teksta lielo burtu lietojumu. To izmanto arī teksta pārvēršanai lielos vai mazajos burtos.

teksta pārveidošanas rekvizītu vērtības

Tālāk ir norādītas iespējamās CSS teksta pārveidošanas rekvizīta vērtības.

• • ' lielie burti ”: ar šo vērtību visas elementa teksta rakstzīmes tiek rakstītas ar lielo burtu.
  • ' mazie burti ”: šī vērtība maina elementa tekstu uz mazajiem burtiem.
  • ' rakstīt ar lielo burtu ”: šī vērtība maina katra vārda pirmo burtu ar lielo burtu.
  • ' neviens ”: šī vērtība ierobežo elementa tekstu modificēšanai.
  • ' sākotnējā ”: šī vērtība iestata noklusējuma vērtību.
  • ' tu manto ”: šī vērtība iestata vērtību no tā vecākelementa.

Analizējiet tālāk sniegto piemēru!

Piemērs: teksta pārveidošana lielajiem un mazajiem burtiem

Vispirms pievienojiet div elementu ar klases nosaukumu ' kaste ”. Pamattekstā pievienojiet trīs virsraksta tagus

,

un

, kur

virsraksta teksts ir rakstīts ar lielajiem burtiem,

ir ar mazajiem burtiem, bet trešais ir arī ar mazajiem burtiem.

Zemāk ir HTML kods:

< div klasē = 'kaste' >
< h1 > mazie burti: LAIPNI LŪDZAM LINUXHINT h1 >
< h2 > lielie burti: laipni lūdzam linuxhint h2 >
< h3 > ar lielo burtu: laipni lūdzam linuxhint h3 >
div >

Stila kastes div

.box {
augstums: 200 pikseļi;
platums: 80 % ;
apmale: 4 pikseļi cieta #e4cfcf;
fona krāsa: kadetzils;
piemale: 1px auto;
polsterējums: 10 pikseļi;
}

Iepriekš minētajā HTML failā izveidotajam div tagad ir izveidots CSS rekvizītu stils, kas izskaidrots tālāk:

• • ' augstums ” tiek izmantots, lai iestatītu divvirzienu augstumu.
  • ' platums ” tiek izmantots div platuma iestatīšanai.
  • ' robeža ” rekvizīts tiek izmantots, lai piemērotu apmali ap elementu, kura platums ir 4 pikseļi, cietās līnijas veids un krāsa #e4cfcf.
  • ' fona krāsa ” norāda elementa fona krāsu.
  • ' starpība ” īpašums pielāgo vietu katrā elementa pusē.
  • ' polsterējums Īpašums tiek izmantots, lai izveidotu vietu ap div elementa saturu vai elementa apmales iekšpusē.

Tālāk norādītie kodu bloki norāda, ka visi virsraksta elementi ir veidoti ar dažādām teksta pārveidošanas rekvizītu vērtībām. Elements

tiek lietots ar rekvizītu text-transform ar vērtību, kas iestatīta kā ' mazie burti ”:

h1 {
teksta pārveidošana: mazie burti;
}

Elements

tiek lietots ar teksta pārveidošanas rekvizītu ar vērtību, kas iestatīta kā ' lielie burti ”:

h2 {
teksta pārveidošana: lielie burti;
}

Elementam

teksta pārveidošanas rekvizīta vērtība ir iestatīta kā “ rakstīt ar lielo burtu ”:

h3 {
teksta pārveidošana: rakstīt lielos burtus;
}

Iesniedzot iepriekš minēto kodu, viss pirmā virsraksta teksts tiek pārveidots par mazajiem burtiem, bet otrā virsraksta - par lielajiem burtiem. Tā kā katra vārda pirmais burts trešajā virsrakstā tiek rakstīts ar lielo burtu:

Lieliski! Mēs esam veiksmīgi iemācījušies tekstu pārveidot ar lielajiem, mazajiem un lielajiem burtiem.

Secinājums

CSS teksta pārveidošanas rekvizīts kontrolē teksta lielo burtu lietojumu un tiek izmantots, lai mainītu dokumenta teksta reģistrus. Šis rekvizīts attiecas uz visiem elementiem, kur šī rekvizīta vērtības var būt lielie, mazie, lielie burti vai nav. Šajā emuārā ir izskaidrota procedūra teksta konvertēšanai uz lielajiem un mazajiem burtiem, izmantojot CSS teksta pārveidošanas rekvizītu.