border-top-style
Establece el estilo del borde superior del objeto.
Sintaxis
{ border-top-style: sStyle }
Valores posibles
sStyle
Cadena que especifica uno de los valores siguientes:
none |
Valor predeterminado. No se dibuja el borde, independientemente del valor de border-width. |
dashed |
El borde es una línea discontinua. |
dotted |
El borde es una línea de puntos. |
double |
El borde es una línea doble que se dibuja encima del fondo del objeto. La suma del ancho de las dos líneas sencillas y el espacio entre ellas es igual al valor de border-width . Para dibujar un borde doble, el ancho de borde debe ser de 3 píxeles como mínimo. |
groove |
El surco 3D se dibuja en colores basados en el valor. |
inset |
El bajorrelieve 3D se dibuja en colores basados en el valor. |
outset |
El altorrelieve 3D se dibuja en colores basados en el valor. |
ridge |
La cresta 3D se dibuja en colores basados en el valor. |
solid |
El borde es una línea sólida. |
Esta propiedad tiene el valor predeterminado none . No se hereda.
Observaciones
Se debe establecer un valor de border-width superior a cero para que se represente la propiedad border-top-style .
Ejemplos
En el siguiente ejemplo se usa la propiedad border-top-style para especificar el estilo del borde. Se utiliza una llamada a una hoja de estilo incrustada para cambiar el estilo del borde inferior a groove :
<head><style>
td { border-top-style: solid; border-width: 0.3cm; }
.change { border-top-style: groove; }
</style>
</head>
<body>
<table border >
<tr>
<td onmouseover="this.className='change'" onmouseout="this.className=''">
<img src="sphere.jpg">
</td>
</tr>
</table>
Información sobre estándares
Esta propiedad se define en la especificación Cascading Style Sheets (CSS), Level 2 (CSS2) (Hojas de estilos en cascada (CSS), nivel 2 (CSS2)) .png "Ee371250.xtlink_newWindow(es-es,Expression.40).png")
.
Aplicable a
a, abbr, acronym, b, bdo, big, blockquote, body, button, caption, center, cite, code, custom, dd, defaults, del, dfn, div, dl, dt, em, embed, fieldset, font, form, frame, hn, hr, i, iframe, img, input type=button, input type=checkbox, input type=file, input type=image, input type=password, input type=radio, input type=reset, input type=submit, input type=text, ins, li, object, ol, p, q, s, span, sub, table, td, th, tt, u, ul, var, xmp