Compartir a través de


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

Vea también

Conceptos

float