表示・配置

「clear」プロパティ

「clear」プロパティは、floatプロパティによるボックスの回り込みを解除するために指定するCSSプロパティです。

本記事の内容

「clear」プロパティの値

floatプロパティによるボックスの回り込みを解除するために指定する単位は「none」「left」「right」「both」などの値を指定することができます。

「clear」プロパティの指定方法

floatプロパティによるボックスの回り込みを解除するために指定する場合は、「clear」プロパティを使い適応する値を指定することで実装できます。

「clear」プロパティ
セレクタ{
clear:floatプロパティによるボックスの回り込みを解除;
}
値例
/* 基本値 */
clear: none;/* 回り込みを解除しない */
clear: left;/* floatプロパティによる左寄せ（left）の指定を解除 */
clear: right;/* floatプロパティによる右寄せ（right）の指定を解除します。 */
clear: both;/* floatプロパティによる回り込みをすべて解除 */
表示例
「clear」プロパティ
・floatプロパティによるボックスの回り込みを解除（none）
・floatプロパティによるボックスの回り込みを解除（none）
・floatプロパティによるボックスの回り込みを解除（none）
・floatプロパティによるボックスの回り込みを解除（none）
・floatプロパティによるボックスの回り込みを解除（none）
floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。
「clear」プロパティ
・floatプロパティによるボックスの回り込みを解除（left）
・floatプロパティによるボックスの回り込みを解除（left）
・floatプロパティによるボックスの回り込みを解除（left）
・floatプロパティによるボックスの回り込みを解除（left）
・floatプロパティによるボックスの回り込みを解除（left）
floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。
「clear」プロパティ
・floatプロパティによるボックスの回り込みを解除（both）
・floatプロパティによるボックスの回り込みを解除（both）
・floatプロパティによるボックスの回り込みを解除（both）
・floatプロパティによるボックスの回り込みを解除（both）
・floatプロパティによるボックスの回り込みを解除（both）
floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。floatプロパティ後の文章。
«
»

おすすめの記事