clear
Establece si el objeto admite objetos flotantes en el lado izquierdo, el lado derecho, o en ambos, de manera que el texto que sigue se muestre debajo de los objetos flotantes.
Sintaxis
{ clear: sClear }
Valores posibles
sClear
Cadena que especifica o recibe uno de los valores siguientes:
none |
Valor predeterminado. Se admiten objetos flotantes en ambos lados. |
both |
El objeto se desplaza debajo de cualquier objeto flotante. |
left |
El objeto se desplaza debajo de cualquier objeto flotante en el lado izquierdo. |
right |
El objeto se desplaza debajo de cualquier objeto flotante en el lado derecho. |
Esta propiedad tiene el valor predeterminado none. No se hereda.
Observaciones
El valor de esta propiedad enumera los lados en los que no se aceptan objetos flotantes.
Ejemplos
En el siguiente ejemplo se usa la propiedad clear para especificar la colocación de texto con respecto a los objetos flotantes. Se utiliza una llamada a una hoja de estilo incrustada (global) para desplazar el texto debajo de los objetos flotantes cuando se encuentre texto en cursiva:
<style>
i { clear: left; }
</style>
Este ejemplo cambia la posición del párrafo con respecto al objeto flotante en su lado izquierdo:
<head><script>
function fnClear(){
oClear.style.clear="left";
}
function fnClear2(){
oClear.style.clear="none";
}
</script>
</head>
<body>
<img src="/workshop/graphics/sphere.jpg" style="float:left">
<span id="oClear">
<p>This is an example of the clear property.<p>
</span>
<p>
<input type=button value ="clear = left" onclick="fnClear()">
<input type=button value ="clear = none" onclick="fnClear2()">
</p>
</body>
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)) y en Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).
Aplicable a
A, ADDRESS, APPLET, B, BIG, BLOCKQUOTE, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEFAULTS, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FORM, 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, LI, OBJECT, OL, OPTION, P, S, SELECT, SPAN, SUB, TABLE, TBODY, TD, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP