Ejemplo
Ajuste el estilo del borde superior:
p
{
border-style: solid;
border-top-style: dotted;
}
Inténtalo tú mismo " Definición y Uso
Entre las opciones de estilo de borde superior establece el estilo del borde superior de un elemento.
Valor por defecto: | none |
---|---|
Heredado: | no |
animatable: | no. Read about animatable |
Versión: | CSS1 |
la sintaxis de JavaScript: | object .style.borderTopStyle="dashed" 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-top-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-top-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-top property
Referencia HTML DOM: borderTopStyle property