Propiedad clara en CSS

CSS | clara Propiedad: En este tutorial, vamos a aprender sobre la clara la propiedad de CSS (Cascading Style Sheet).

CSS | Propiedad clara

sabemos tanto sobre class propiedad y cómo es usada class labrar nuestras páginas web. Si no recuerda la propiedad float , de dejar que ayuda a refrescar la memoria. La propiedad for se utiliza para fijar los elementos en una sección particular de la página web. class por ejemplo, si se establece la propiedad float un elemento tan float: right; entonces ese elemento en particular se For hacia el lado derecho de la página. Pero qué pasa con el tiempo en que no queremos que ese elemento a for en esa parte de la página?

Ahí es donde entra en la propiedad clara.

El propiedad clear es una propiedad muy básico y fácil de aplicar. Se utiliza para especificar en qué lado de la página de los elementos flotantes no deben class básicamente para borrar la sección de la página de los elementos flotantes.

Mediante el uso de la propiedad clara se garantizará que el elemento sobre el que se aplica la propiedad clara voluntad no float al área especificada de la página. Esta propiedad es muy útil muy a menudo cuando no queremos que nuestros elementos a float a ambos lados de la página web.

Implicación

Para utilizar la propiedad clara no muchas líneas de código se requiere que todos lo que tienes que hacer es especificar el lado o sección de la página en la que no quiere que sus elementos flotantes a float.

Esto podría entenderse claramente con la ayuda del siguiente ejemplo:

float por ejemplo: si usted no quiere que sus elementos a float a ambos lados de la página (izquierda o derecha), debe utilizar esta propiedad como:

sintaxis:

Element {
clear: both;
}

Tenga en cuenta que al no permitir que los elementos a float flotando en ambos lados de la página, sólo se tanto atributo era suficiente pero no lo usamos “bien y el mal” , lo que hace bastante taquigrafía también.

Sin embargo, si desea restringir sus elementos flotantes flotando en un lado particular de la página, float ejemplo, a la derecha, entonces tendrá que especificar derecho como un atributo.

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
img {
float: left;
}
p.clear {
clear: both;
}
</style>
</head>
<body>
<h1>clear property in CSS</h1>
<img src="https://upload.wikimedia.org/wikipedia/commons/f/f9/Phoenicopterus_ruber_in_S%C3%A3o_Paulo_Zoo.jpg" width="140" height="142">
<p>this is a clear property example..this is a clear property example.this is a clear property example.this is a clear property example.this is a clear property example.this is a clear property example</p>
<p class="clear">this is a clear property example..this is a clear property example.this is a clear property example.this is a clear property example.this is a clear property example.this is a clear property example</p>
</body>
</html>

salida

clear Property in CSS - 4

En el ejemplo anterior, retire el For claro para ver el efecto.

puntos clave:

Vamos a entender clara propiedad más,

El valor de la float clara propiedad es ninguno . Esto significa que si escribimos inmediatamente después clara entonces no hay cambios se hacen para los elementos flotantes.

Para utilizar esta propiedad en JavaScript, la sintaxis es diferente y va así,

object.style.clear="both"

A continuación se muestra una tabla que explicaría los valores de propiedad clara de una mejor manera mucho,

valores de la propiedad:

valor
Descripción

ninguno Un valor float. Permite elementos a ambos lados flotante
izquierda Esto no permite que los elementos en el lado izquierdo flotante.
derecho Esto no permite que los elementos en el lado derecho flotante.
tanto Esto no permite elementos flotantes a ambos lados.
inicial Esto establecería la propiedad a su valor class.
hereda Esto ayuda a heredar la propiedad de su elemento padre.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *