border-width
Establece el ancho de los bordes superior, derecho, inferior e izquierdo del objeto.
Sintaxis
{ border-width: sWidth }
Valores posibles
sWidth
Cadena que especifica o recibe hasta cuatro de los valores siguientes:
medium |
Valor predeterminado. |
thick |
Ancho más grande que el predeterminado. |
thin |
Ancho más pequeño que el predeterminado. |
width |
Ancho que está formado por un número de punto flotante seguido de un designador de unidades absolutas ( cm , mm , in , pt o pc ) o de un designador de unidades relativas ( em , ex o px ). Para obtener más información acerca de los valores de ancho válidos, vea Referencia de unidades de longitud. |
Esta propiedad tiene el valor predeterminado medium . No se hereda.
Observaciones
Se pueden especificar hasta cuatro anchos diferentes en el siguiente orden: arriba, derecha, abajo, izquierda. Si se indica un ancho, ese valor se usará para los cuatro lados. Si se especifican dos anchos, el primero se utilizará para los bordes superior e inferior, y el segundo para los bordes izquierdo y derecho. Si se proporcionan tres anchos, se usarán para los bordes superior, derecho e izquierdo, e inferior, respectivamente.
La propiedad border-width no se representa si la propiedad border-style está establecida en none .
Ejemplos
En el siguiente ejemplo se usa la propiedad border-width para especificar el ancho del borde. Se utiliza una llamada a una hoja de estilo incrustada (global) para cambiar el ancho del borde a 1 centímetro cuando se haga clic en el mouse:
<head><style>
td { border-width: 3mm; }
.changeborder 1 { border-width: 1cm; }
</style>
</head>
<body>
<table border >
<tr>
<td onclick="this.className='changeborder 1'"
ondblclick="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) .png "Ee371314.xtlink_newWindow(es-es,Expression.40).png")
(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