Haga el primer personaje en mayúscula en CSS
Esta publicación te guiará:
- Cómo ajustar los casos de texto en CSS?
- Cómo hacer el primer personaje en mayúscula de ""Elemento en CSS?
- Cómo hacer el primer personaje en mayúscula de ""Elemento en CSS?
Cómo ajustar los casos de texto en CSS?
Los casos de texto se ajustan en CSS utilizando el "transformación de texto" propiedad. Esta propiedad proporciona cinco valores diferentes:
- "capitalizarSe utiliza el valor para capitalizar la primera letra de cada palabra.
- "superior"El valor hace cada letra en mayúscula.
- "más bajo"Cambia todas las letras en minúsculas.
- "heredar"Aplica el caso de texto del padre al elemento.
- "ninguno"El valor no cambia el caso de texto.
Cómo hacer el primer personaje en mayúscula de " "Elemento en CSS?
El CSS "transformación de texto"Propiedad con el valor"capitalizar"Se utiliza para capitalizar la primera letra de cada palabra. Sin embargo, podemos usar el "::primera letra"Pseudo-Clase para capitalizar solo la primera letra.
Entendamos a través de los ejemplos.
Ejemplo 1: capitalice la primera letra de cada palabra
En html, agregue " tutoriales de Linuxhint redacción de artículos edición de video diseño grafico Estilo " " Elemento El "transformación de textoSe asigna a la propiedad el valor "capitalizar"Para capitalizar la primera letra de cada palabra del párrafo. Producción Ejemplo 2: capitalice la única primera letra de la primera palabra El pseudo-selector "::primera letra"Se utiliza para seleccionar solo la primera letra. Para este propósito, acceda al "pag"Elemento con pseudo-clase y utiliza el"transformación de texto" propiedad: Producción Cómo hacer el primer personaje en el nivel de elemento en CSS? Veamos cómo capitalizar el primer personaje de los elementos en línea, como el "" elemento. Para este propósito, agregue ""Elementos y asignarles el"clase" y "href"Atributos: Elementos de estilo "A" Acceda al elemento "A" con la ayuda del nombre de la clase "Linux"Y aplica el"transformación de texto"Propiedad en ellos: Producción Como el elemento "" está en línea, se ajustan uno al lado del otro en una línea. Para hacer su único primer personaje en mayúsculas y su exhibición como nivel de bloque, aplique el CSS "mostrar"Propiedad con el valor"bloquear": Ahora, usa el "::primera letra"Pseudo-selector junto con el atributo de clase del elemento" A "para capitalizar solo la primera letra: La salida indica que hemos realizado con éxito el primer carácter en mayúscula del elemento en CSS. Conclusión Para hacer el primer carácter en mayúsculas, primero, agregue elementos al documento HTML para especificar algún contenido de texto, como " "Y" "elementos. El pseudo-selector "::primera letra"Se utiliza para seleccionar la primera letra del texto del elemento. Luego, dentro de la pseudo-clase, aplique el CSS "transformación de texto"Propiedad con el valor"capitalizar"Para hacer la primera letra mayúscula. Este artículo ha explicado cómo hacer el primer personaje en mayúscula usando CSS.
Texto-transformación: capitalizar;
Texto-transformación: capitalizar;
= "Linux" href = "#"> Escritura de artículo
= "Linux" href = "#"> Diseño gráfico
Texto-transformación: capitalizar;
bloqueo de pantalla;
Texto-transformación: capitalizar;