Kā izmantot CSS, lai lielos burtus pārveidotu par virsraksta burtiem?

Ka Izmantot Css Lai Lielos Burtus Parveidotu Par Virsraksta Burtiem



' lielie burti ', jo tā nosaukums iestata visas mērķa teksta rakstzīmes uz lielajiem burtiem un ' virsraksta gadījums ” katra mērķa teksta vārda sākuma rakstzīmi raksta ar lielo burtu. To galvenokārt izmanto, lai formatētu virsrakstus, apakšvirsrakstus un virsrakstus tīmekļa lapās. Lietotājus var arī izmantot, lai uzlabotu izvēlnes vienumu vai produktu sarakstu lasāmību. Tas arī uzlabo tīmekļa lapas vispārējo izskatu un atpazīstamību.

Šajā rakstā ir parādīta soli pa solim procedūra, kā pārveidot lielo burtu tekstu virsraksta reģistros.

Kā pārvērst lielo burtu tekstu virsraksta reģistrā?

Ar CSS rekvizītu un JavaScript palīdzību lielo burtu tekstu var pārvērst virsraksta reģistros. Šī pārveidošana palīdz uzlabot teksta lasāmību un izskatu. Turklāt tas nodrošina konsekventu formatējumu un uzlabo lietotāja pieredzi.







Izpildiet tālāk sniegtos soli pa solim sniegtos norādījumus, lai pārietu no lielajiem burtiem uz virsraksta reģistriem:



1. darbība. Izveidojiet mērķa elementu
Šajā pirmajā darbībā izveidojiet mērķētu/atlasītu elementu ' ” tagu, kas tiek pārveidots par nosaukuma reģistru. Piemēram, “ lpp ” elementu dati ir mērķēti:



< centrs >
< lpp id = 'pārveidotājs' > ŠIS TEKSTS TIEK PĀRVĒRTĒTS NO LIELajiem burtiem UZ NOSAUKUMA LIETOTĀJU, LIETOJOT CSS < / lpp >
< centrs >

Iepriekš minētajā koda blokā:





  • Pirmkārt, izmantojiet '

    ' tagu, lai parādītu tekstu tīmekļa lapas centrā iekšpusē ' ” tagu. Norādiet arī fiktīvus datus lielo burtu formātā.

  • Pēc tam pievienojiet ' id ' atribūtu un norādiet tai vērtību ' pārveidotājs ”. Šis ' id ” tiks izmantots, lai saglabātu atsauci uz

    tagu JavaScript tagā.

Pēc apkopošanas posma beigām:



Iepriekš redzamajā tīmekļa lapas momentuzņēmumā tiek parādīts, ka teksts ir veiksmīgi parādīts.

2. darbība. Lielo burtu pārveidošana par nosaukuma reģistru
Lai izveidotu pārveidotāju, tiek izmantoti JavaScript rekvizīti un metodes. Izpildiet tālāk norādīto kodu, tā apraksts norādīts zemāk:

< skripts >
bija mērķis = document.getElementById ( 'pārveidotājs' ) .textContent.toLowerCase ( ) ;
mērķis = mērķis .aizvietot ( / \b\w / g,
funkciju ( zemāks ) { atgriezties zemāk.UpperCase ( ) ; } ) ;
document.getElementById ( 'pārveidotājs' ) .textContent = mērķis ;
< / skripts >

Iepriekš minētajā koda fragmentā:

  • Vispirms izveidojiet mainīgo ar nosaukumu ' mērķis 'iekšpusē' ” tagu.
  • Pēc tam izmantojiet ' teksta saturs ” rekvizīts, lai atlasītu tikai tekstu, atstājot atstarpi un citus tagus. ' mazie burti () Funkcijai ir “pārveidotāja” id, kas saglabā “mērķa” mainīgā vērtību.
  • Pēc tam ' aizvietot() ” metode tiek izmantota, lai mainītu “target” mainīgā lielumu. Tas atlasa katra vārda pirmo rakstzīmi, izmantojot ' \b\w ” izteicienu un pēc tam izmanto “ lielie burti() ” funkcija. Tas maina teksta formātu uz lielajiem burtiem.
  • Beigās ekrānā tiek parādīta jaunā “mērķa” mainīgā vērtība ar ID “ pārveidotājs ”.

Pēc koda fragmenta izpildes:

Izvade parāda, ka teksts ar lielajiem burtiem ir pārveidots virsraksta reģistra formātā.

Secinājums

Lai pārvērstu lielos burtus uz virsraksta reģistru, izmantojiet ' mazie burti () ” funkciju atlasītajā elementā. Pēc tam izmantojiet ' aizvietot() ' funkciju, lai izvēlētos katra vārda pirmo rakstzīmi, izmantojot ' \b\w ” izteiciens. Beigās atlasītā rakstzīme tiek pārveidota par lielajiem burtiem, izmantojot “ lielie burti() ” funkcija. Šajā rakstā ir parādīta procedūra, kā atlasīto elementu tekstu ar lielajiem burtiem pārvērst virsraksta reģistros.