CSS | ::Selector de primera línea

El ::selector de primera línea en CSS se usa para aplicar estilo a la primera línea de un elemento de nivel de bloque. La longitud de la primera línea depende de muchos factores, incluido el ancho del elemento, el ancho del documento, el tamaño de fuente del texto, etc.

Sintaxis:

::first-line {
    //CSS Property
}

Ejemplo:

<!DOCTYPE html>
<html>
  
<head>
    <title>
        CSS ::first-line selector
    </title>
    <style>
        p {
            width: 25%;
        }
          
        p::first-line {
            color: white;
            background: green;
        }
    </style>
</head>
  
<body style="text-align: center;">
    <h1 style="color:green;">
            GeeksforGeeks
        </h1>
    <h2>
            CSS ::first-line selector
        </h2>
  
    <p>
        A computer science portal for geeks.
    </p>
  
</body>
  
</html>

Salida:
primera linea
Navegadores compatibles: Los navegadores compatibles con ::selector de primera línea se enumeran a continuación:

  • Apple Safari 1.0
  • Google Chrome 1.0
  • Firefox 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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *