Compartir a través de


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) 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

Vea también

Conceptos

border
border-style