Pseudo-elementos: first-letter e first-line

Estes pseudo-elementos permiten asignar estilos á primeira letra dun documento ou a primeira liña.
Estes selectores só se poden utilizar en conxunción cos selectores HTML de bloque.

selector:first-letter{
  propiedade1:valor1;
  ...
  propiedadeN:valorN;
}
selector:first-line{
  propiedade1:valor1;
  ...
  propiedadeN:valorN;
}

Exemplo de regras de estilo:

p:first-letter {
  color: Green;
  font-size:x-large;
}
p:first-line {
  color: Blue;
}

Exemplo de código HTML:

<p class="exemplo">A primeira letra do parágrafo toma a regra de estilo p:first-letter.
Ademáis se o parágrafo ten varias liñas a primeira liña toma a regra de estilo p:first-line</p>

Visualización:

A primeira letra do parágrafo toma a regra de estilo p:first-letter. Ademáis se o parágrafo ten varias liñas a primeira liña toma a regra de estilo p:first-line


Anterior Seguinte