HTML

La propiedad de borrado de estilo DOM en HTML se usa para establecer u obtener la posición del elemento específico en relación con los objetos flotantes.

Sintaxis

Para obtener una propiedad clara:

object.style.clear

Para establecer una propiedad clara:

object.style.clear = "none|left|right|both|initial|inherit"

Valor de las propiedades:

valor	descripción
izquierda	No permite entidades flotantes a la izquierda del elemento.
Correcto	No permite entidades flotantes a la derecha del elemento.
ambas cosas	No permite entidades flotantes a la izquierda o derecha del elemento.
ninguna	Permite entidades flotantes a la izquierda del elemento así como a la derecha del elemento. Esto es predeterminado
inicial	Establece el valor de la propiedad en su valor predeterminado.
heredar	Hereda el valor de esta propiedad, es decir, establece el mismo valor que el padre

Valor devuelto: Devuelve una string que representa la posición de un elemento en relación con los objetos flotantes.

Ejemplo 1:

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | DOM Style clear Property
    </title>
    <style>
        img {
            float: left;
        }
    </style>
</head>
 
<body>
 
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/gfg_200X200.png"
         width="150" height="150">
 
    <p id="P" style="color:green">
      GEEKSFORGEEKS PARAGRAPH HERE GEEKSFORGEEKS PARAGRAPH HERE
      GEEKSFORGEEKS PARAGRAPH HERE GEEKSFORGEEKS PARAGRAPH HERE
      GEEKSFORGEEKS PARAGRAPH HERE GEEKSFORGEEKS PARAGRAPH HERE
      GEEKSFORGEEKS PARAGRAPH HERE GEEKSFORGEEKS PARAGRAPH HERE
      GEEKSFORGEEKS PARAGRAPH HERE
    </p>
 
    <button type="button" onclick="myFunction()">
      Clear left side of text</button>
 
    <script>
        function myFunction() {
           
            document.getElementById(
              "P").style.clear = "left";
        }
    </script>
 
</body>
 
</html>

Producción: