El pseudoelemento CSS ::first-letter selector se usa para aplicar el estilo a la primera letra de la primera línea de un elemento de nivel de bloque, la condición es que no debe estar precedido por otro contenido (como imágenes o tablas en línea). ).
Sintaxis:
::first-letter {
// CSS Property
}
Propiedades Aceptadas:
- propiedades de fondo
- propiedades de borde
- claro
- propiedades del color
- flotar
- propiedades de la fuente
- altura de la línea
- propiedades de margen
- propiedades de relleno
- decoración de texto
- transformación de texto
- alineación vertical (solo si el flotador es ‘ninguno’)
Ejemplo: Este ejemplo ilustra el uso del selector ::first-letter donde la propiedad color & font-size se usa para aplicar estilo a la primera letra.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
p::first-letter {
font-size: 250%;
color: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style="color:green;">
CSS ::first-letter selector
</h1>
<p>Geeks classes is an extensive classroom programme.</p>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con ::selector de primera letra se enumeran a continuación:
- Google Chrome 1.0
- Firefox 1.0
- Microsoft Edge 12.0
- Safari 1.0
- Opera 7.0 Parcial de 3.5
- Internet Explorer 9.0 Parcial de 5.5
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA