Ejemplo
Establecer el estilo de los cuatro frontera:
p
{
border: 5px solid red;
}
Inténtalo tú mismo " Definición y Uso
La frontera propiedad abreviada establece todas las propiedades de borde en una declaración.
Las propiedades que se pueden establecer, son (in order) : border-width, border-style, y border-color.
No importa si uno de los valores anteriores están desaparecidos, por ejemplo, la frontera: # ff0000 sólidos; esta permitido.
| Valor por defecto: | medium none color |
|---|---|
| Heredado: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.border="3px solid blue" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
border:border-widthborder-styleborder-color|initial|inherit;Valores de propiedad
| Valor | Descripción |
|---|---|
| border-width | Especifica el ancho de la frontera. El valor por defecto es "medium" |
| border-style | Especifica el estilo del borde. El valor por defecto es "none" |
| border-color | Especifica el color del borde. El valor por defecto es el color del elemento |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
CSS tutorial: CSS Box Modelo
Referencia HTML DOM: border property