Propiedades que no se heredan

Seguramente ya notaste que los elementos descendientes no heredan todas las propiedades de sus padres.

Sería extraño, por ejemplo, que la propiedad border se aplicara automáticamente a todos los elementos anidados.

Tomemos este código:

<p class="bordered">Una frase con una <span>palabra</span> destacada</p>

Y asignemos esta propiedad CSS:

.bordered {
  border: 1px solid green;
}

Si se heredaran todas las propiedades, el resultado sería este:

Una frase con una palabra destacada

En realidad, el borde solo se dibuja alrededor de p.

En los siguientes ejercicios veremos qué propiedades se heredan.