border-style
Establece el estilo de los bordes izquierdo, derecho, superior e inferior del objeto.
Sintaxis
{ border-style: sStyle }
Valores posibles
sStyle
Cadena que especifica o recibe uno de los valores siguientes:
none |
Valor predeterminado. No se dibuja ningún borde, independientemente del valor establecido en 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. Se debe establecer la propiedad border-width del objeto para que el estilo se represente correctamente. |
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. |
window-inset |
El borde es el mismo que el bajorrelieve, aunque rodeado por una línea sencilla adicional, dibujado en colores basados en el valor. |
Esta propiedad tiene el valor predeterminado none. No se hereda.
Ejemplos
En el siguiente ejemplo se usa la propiedad border-style para especificar el estilo del borde. Se utiliza una llamada a una hoja de estilo incrustada (global) para cambiar el estilo del borde a groove cuando se produzca un evento onmouseover:
<head><style>
td { border-style: solid; border-width: 0.5cm; }
.change { border-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 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
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