border
Establece las propiedades para dibujar alrededor del objeto.
Sintaxis
{ border: sBorder }
Valores posibles
sBorder
Cadena que especifica uno o más de los siguientes valores delimitados por espacios:
color |
Cualquiera de los valores de color disponibles en la propiedad border-color . |
estilo |
Cualquiera de los valores de estilo disponibles en la propiedad border-style . El valor predeterminado es none . |
ancho |
Cualquiera de los valores de ancho disponibles en la propiedad border-width . El valor predeterminado es medium . |
Esta propiedad tiene el valor predeterminado medium none . No se hereda.
Observaciones
La propiedad border es una propiedad compuesta que establece los valores de ancho, estilo y color para los cuatro lados de un objeto.
Debe especificar un estilo al especificar un ancho o color. En caso contrario, no se representa el borde.
Todas las propiedades border individuales no configuradas por la propiedad border compuesta se establecen en los valores predeterminados. Por ejemplo, el valor predeterminado para el ancho es medium .
La configuración de border=thin es idéntica a border-thin none ; el valor predeterminado para el color de borde es el mismo que el color de texto si no se establece inicialmente uno. Por lo tanto, la propiedad no sólo establece el ancho en thin , sino que también borra cualquier valor de estilo o color que se hubiera establecido anteriormente.
Si no se especifica ningún color, se usa el color del texto.
Ejemplos
En el siguiente ejemplo se usa la propiedad border para especificar las propiedades de borde compuestas. Se utiliza una llamada a una hoja de estilo incrustada (global) para modificar la propiedad border :
<head><style>
.applyborder { border: 0.2cm groove orange; }
.removeborder { border: none; }
</style>
</head>
<body>
<table border >
<tr>
<td onmouseover="this.className='applyborder '" onmouseout="this.className='removeborder '">
<img src="sphere.jpg"></td>
</tr>
</table>
Información sobre estándares
Esta propiedad se define en World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 (Document Object Model (DOM) nivel 1 del World Wide Web Consortium (W3C)) .png "Ee371279.xtlink_newWindow(es-es,Expression.40).png")
y en 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, i, 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