HTML DOM Стиль ясно свойство
Определение и использование
четкие наборы свойств или возвращает позицию элемента относительно плавающих объектов.
грамматика
Установление четких свойств:
Object.style.clear="none|left|right|both|inherit"
Назад четкие признаки:
Object.style.clear
值 | 描述 |
---|---|
none | 默认。允许浮动对象出现在元素两侧。 |
left | 不允许浮动对象出现在元素的左侧。 |
right | 不允许浮动对象出现在元素的右侧。 |
both | 不允许浮动对象出现在元素的左侧或右侧。 |
inherit | clear 属性的值应该从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживаются четкой собственности.
Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".
примеров
примеров
Не допускать плавающие объекты отображаются слева от текста:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
IMG {
плавать: слева;
}
</ Style>
<Script>
Функция displayResult () {
document.getElementById ( "p1") style.clear = "левый" .;
}
</ Script>
</ Head>
<Body>
<IMG SRC = "w3javascript.gif" ширина = "100" высота = "132">
<P ID = "p1"> Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. </ P>
<Тип входного = "Кнопка" OnClick = "displayResult ()" значение = "текст остается плавающей">
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Тип Style = "текст / CSS">
IMG {
плавать: слева;
}
</ Style>
<Script>
Функция displayResult () {
document.getElementById ( "p1") style.clear = "левый" .;
}
</ Script>
</ Head>
<Body>
<IMG SRC = "w3javascript.gif" ширина = "100" высота = "132">
<P ID = "p1"> Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст. </ P>
<Тип входного = "Кнопка" OnClick = "displayResult ()" значение = "текст остается плавающей">
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты