AOWS

Just another adrian’s weblog

Herencia en CSS

with one comment

Pues sí, existe herencia en las hojas de estilo, aunque es más conocida por su palabro correspondiente en inglés: inherit. Y nada tiene que ver con la herencia de la POO.

Como sabemos, algunas propiedades son heredadas por las clases hijas, por ejemplo si tenemos este código:

[css]
body {
font-family: Verdana;
}
[/css]

todo lo que escribamos en el body (aunque sea dentro de etiquetas como <p> o <div>) se mostrará con el tipo de fuente Verdana. Esto ocurre para muchas propiedades, sobre todo relacionadas con el texto.

Sin embargo, otras como los bordes no tienen herencia automática. Para ello debemos indicarlo explícitamente y para cada propiedad:

[css]
#contenido {
font-family: Verdana;
color: #000000;
border: 1px solid #333333;
}
#contenido p {
border: inherit;
}
[/css]

En este ejemplo, <p> hereda todas las propiedades de su clase padre, #contenido. La fuente y el color lo hace de forma implícita, mientras que para el borde es necesario hacerlo explícitamente.

De interés: CSS Inheritance.

Written by adrian

17 agosto, 2007 a 16:58

Publicado en Posts

Tagged with

Una respuesta

Subscribe to comments with RSS.

  1. Explicito, gracias. Sigue asi!

    Javier Padron

    11 septiembre, 2008 at 01:40


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: