Jak používat CSS k převodu textu z velkých písmen na velká písmena?

Jak Pouzivat Css K Prevodu Textu Z Velkych Pismen Na Velka Pismena



' velká písmena ” jako název nastavuje všechny znaky cíleného textu na velká písmena a znak “ titulní případ ” začíná velkými písmeny každého slova v cílovém textu. Většinou se používá při formátování nadpisů, podnadpisů a nadpisů na webových stránkách. Uživatelé mohou být také využiti ke zlepšení čitelnosti položek menu nebo výpisů produktů. Zlepšuje také celkový vzhled a rozpoznávání webové stránky.

Tento článek ukazuje podrobný postup převodu textu na velká písmena na velká písmena.

Jak převést text z velkých písmen na velká písmena?

Pomocí vlastností CSS a JavaScriptu lze velký text převést na velká písmena. Tato konverze pomáhá zlepšit čitelnost a vzhled textu. Poskytuje také konzistentní formátování a zlepšuje uživatelský zážitek.







Postupujte podle níže uvedeného podrobného průvodce pro převod z velkých písmen na velká písmena:



Krok 1: Vytvořte cílený prvek
V tomto prvním kroku vytvořte cílený/vybraný prvek uvnitř „ ” tag, který se převede na velikost písmen. Například „ p ” data prvků jsou cílena:



< centrum >
< p id = 'konvertor' > TENTO TEXT SE PŘEVÁDÍ Z VELKÁ PÍSMENA NA VELKÁ PÍSMENA POMOCÍ CSS < / p >
< centrum >

Ve výše uvedeném bloku kódu:





  • Nejprve použijte „

    ” tag pro zobrazení textu ve středu webové stránky uvnitř “ ” tag. Poskytněte také fiktivní data ve formátu velkých písmen.

  • Dále přidejte „ id ” a zadejte mu hodnotu “ konvertor “. Tento ' id ” se bude používat k uložení odkazu na značku

    uvnitř značky JavaScript.

Po skončení fáze kompilace:



Výše uvedený snímek webové stránky ukazuje, že text byl úspěšně zobrazen.

Krok 2: Převod velkých písmen na velká písmena
K vytvoření převodníku se využívají vlastnosti a metody JavaScriptu. Postupujte podle níže uvedeného kódu, jeho popis je uveden níže:

< skript >
byl cílová = document.getElementById ( 'konvertor' ) .textContent.toLowerCase ( ) ;
cílová = cílová .nahradit ( / \b\w / G,
funkce ( dolní ) { return lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'konvertor' ) .textObsah = cílová ;
< / skript >

Ve výše uvedeném úryvku kódu:

  • Nejprve vytvořte proměnnou s názvem „ cílová ' uvnitř '