Ejemplo
Ajuste el estilo del borde inferior:
p
{
border-style: solid;
border-bottom-style: dotted;
}
Inténtalo tú mismo " Definición y Uso
La propiedad de estilo frontera inferior establece el estilo del borde inferior de un elemento.
| Valor por defecto: | none |
|---|---|
| Heredado: | no |
| animatable: | no. Read about animatable |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.borderBottomStyle="dotted" 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-bottom-style | 1.0 | 5.5 | 1.0 | 1.0 | 9.2 |
Note: El valor "hidden" no es compatible con Internet Explorer 7 y versiones anteriores. IE8 requiere un DOCTYPE!. IE9 y el apoyo posterior "hidden" .
sintaxis CSS
border-bottom-style:none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| none | No especifica ninguna frontera. Esto es por defecto | Juegalo " |
| hidden | Lo mismo que "none" , excepto en la resolución de conflictos de borde para los elementos de tabla | Juegalo " |
| dotted | Especifica un borde de puntos | Juegalo " |
| dashed | Especifica un borde punteado | Juegalo " |
| solid | Especifica un borde continuo | Juegalo " |
| double | Especifica un borde doble | Juegalo " |
| groove | Especifica un borde acanalado 3D. El efecto depende del valor de border-color | Juegalo " |
| ridge | Especifica un borde estriado 3D. El efecto depende del valor de border-color | Juegalo " |
| inset | Especifica una frontera inserción 3D. El efecto depende del valor de border-color | Juegalo " |
| outset | Especifica un borde principio 3D. El efecto depende del valor de border-color | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Frontera
Referencia CSS: border-bottom property
Referencia HTML DOM: borderBottomStyle property