Ako používať CSS na prevod textu veľkých písmen na veľké písmená v nadpise?

Ako Pouzivat Css Na Prevod Textu Velkych Pismen Na Velke Pismena V Nadpise



' veľké písmená ” ako názov nastavuje všetky znaky cieľového textu na veľké písmená a znak “ názov prípadu ” používa veľké písmená na začiatku každého slova v cieľovom texte. Väčšinou sa používa pri formátovaní nadpisov, podnadpisov a nadpisov na webových stránkach. Používatelia môžu byť tiež využití na zlepšenie čitateľnosti položiek menu alebo výpisov produktov. Zlepšuje tiež celkový vzhľad a rozpoznávanie webovej stránky.

Tento článok ukazuje podrobný postup prevodu textu veľkých písmen na veľké písmená v nadpise.

Ako previesť text z veľkých písmen na veľké písmená?

Pomocou vlastností CSS a JavaScriptu je možné veľký text previesť na veľké písmená. Táto konverzia pomáha zlepšiť čitateľnosť a vzhľad textu. Poskytuje tiež konzistentné formátovanie a zlepšuje používateľskú skúsenosť.







Postupujte podľa nižšie uvedeného podrobného sprievodcu pre prevod z veľkých písmen na veľké písmená:



Krok 1: Vytvorte cielený prvok
V tomto prvom kroku vytvorte cielený/vybraný prvok vo vnútri „ ” tag, ktorý sa prevedie na veľké písmená. Napríklad „ p Údaje prvkov sú zacielené:



< stred >
< p id = 'konvertor' > TENTO TEXT SA PREVÁDZA Z VEĽKÝCH PÍSMEN NA VEĽKÉ PÍSMENO POMOCOU CSS < / p >
< stred >

Vo vyššie uvedenom bloku kódu:





  • Najprv použite „

    ” na zobrazenie textu v strede webovej stránky v rámci “ ” tag. Poskytnite tiež fiktívne údaje vo formáte veľkých písmen.

  • Ďalej pridajte „ id ” a zadajte mu hodnotu “ prevodník “. toto ' id ” sa použije na uloženie odkazu na značku

    v rámci značky JavaScript.

Po skončení fázy kompilácie:



Vyššie uvedená snímka webovej stránky ukazuje, že text bol úspešne zobrazený.

Krok 2: Konverzia veľkých písmen na veľké písmená
Na vytvorenie konvertora sa používajú vlastnosti a metódy JavaScriptu. Postupujte podľa nižšie uvedeného kódu, jeho popis je uvedený nižšie:

< skript >
bol cieľ = document.getElementById ( 'konvertor' ) .textContent.toLowerCase ( ) ;
cieľ = cieľ .nahradiť ( / \b\w / g,
funkciu ( nižšie ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konvertor' ) .textObsah = cieľ ;
< / skript >

Vo vyššie uvedenom útržku kódu:

  • Najprv vytvorte premennú s názvom „ cieľ ' vnútri '