Rendi il primo carattere maiuscolo in CSS
Questo post ti guiderà:
- Come regolare i casi di testo in CSS?
- Come rendere il primo personaggio maiuscolo di ""Elemento in CSS?
- Come rendere il primo personaggio maiuscolo di ""Elemento in CSS?
Come regolare i casi di testo in CSS?
I casi di testo sono regolati in CSS utilizzando il "trasformata di testo" proprietà. Questa proprietà fornisce cinque valori diversi:
- "capitalizzare"Il valore viene utilizzato per capitalizzare la prima lettera di ogni parola.
- "superiore"Il valore rende ogni lettera in maiuscolo.
- "inferiore"Cambia tutte le lettere in minuscolo.
- "ereditare"Applica il caso di testo del genitore all'elemento.
- "nessuno"Il valore non modifica il caso di testo.
Come rendere il primo personaggio maiuscolo di " "Elemento in CSS?
Il CSS "trasformata di testo"Proprietà con il valore"capitalizzare"Viene utilizzato per capitalizzare la prima lettera di ogni parola. Tuttavia, possiamo usare il "::prima lettera"Classe pseudo per capitalizzare solo la prima lettera.
Comprendiamo attraverso gli esempi.
Esempio 1: capitalizzare la prima lettera di ogni parola
In HTML, aggiungi " Tutorial Linuxhint Scrittura di articoli montaggio video progettazione grafica Stile " "Elemento IL "trasformata di testo"Alla proprietà è assegnato il valore"capitalizzare"Per capitalizzare la prima lettera di ogni parola del paragrafo. Produzione Esempio 2: capitalizzare l'unica prima lettera della prima parola Lo pseudo-selettore "::prima lettera"Viene utilizzato per selezionare solo la prima lettera. A tale scopo, accedi al "P"Elemento con pseudo-Classe e utilizzare il"trasformata di testo" proprietà: Produzione Come rendere il primo carattere maiuscolo dell'elemento in CSS? Vediamo come capitalizzare il primo carattere degli elementi in linea, come il ""Elemento. A tale scopo, aggiungi ""Elementi e assegnare loro il"classe" E "Href"Attributi: Elementi "A" di stile Accedi all'elemento "A" con l'aiuto del nome della classe "Linux"E applicare il"trasformata di testo"Proprietà su di loro: Produzione Poiché l'elemento "" è in linea, sono regolati uno accanto all'altro in una riga. Per rendere il loro unico primo personaggio maiuscolo e il loro display come livello di blocco, applica il CSS "Schermo"Proprietà con il valore"bloccare": Ora, usa il "::prima lettera"Pseudo-selettore insieme all'attributo di classe di" A "elemento per capitalizzare solo la prima lettera: L'output indica che abbiamo realizzato con successo il primo carattere maiuscolo dell'elemento in CSS. Conclusione Per rendere il primo carattere maiuscolo, in primo luogo, aggiungi elementi al documento HTML per specificare alcuni contenuti di testo, come “ "E" "elementi. Lo pseudo-selettore "::prima lettera"Viene utilizzato per selezionare la prima lettera del testo dell'elemento. Quindi, all'interno della Pseudo-Classe, applicare il CSS "trasformata di testo"Proprietà con il valore"capitalizzare"Per rendere la prima lettera maiuscola. Questo articolo ha spiegato come rendere il primo personaggio maiuscolo usando CSS.
Testo-trasformata: capitalizza;
Testo-trasformata: capitalizza;
= "Linux" href = "#"> scrittura di articoli
= "Linux" href = "#"> progettazione grafica
Testo-trasformata: capitalizza;
blocco di visualizzazione;
Testo-trasformata: capitalizza;