HTML DOM Style LineHeight недвижимость
Определение и использование
LineHeight наборы свойств или возвращает расстояние между строками текста.
грамматика
Настройка свойств LineHeight:
Object.style.lineHeight="normal|number|length|%|inherit"
Назад LineHeight свойства:
Object.style.lineHeight
值 | 描述 |
---|---|
normal | 默认。设置合理的行间距。 |
number | 设置数字,此数字会与当前的字体尺寸相乘来设置行间距。 |
length | 使用 px、cm 等单位定义行间距。 |
% | 定义行间距为当前字体尺寸的百分比。 |
inherit | lineHeight 属性的值从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают LineHeight свойство.
Примечание: IE7 и более ранние версии не поддерживают "унаследует" значение.IE8 обеспечивает только! DOCTYPE поддерживается "Наследовать". поддержка IE9 "Наследовать".
примеров
примеров
Изменение высоты строки:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div ID = "div1">
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
</ Div>
<br>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> Изменить высота строки </ Кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( "div1") style.lineHeight = "2";
}
</ Script>
</ Head>
<Body>
<Div ID = "div1">
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
Это некоторый текст. Это некоторый текст. Это некоторый текст. Это некоторый текст.
</ Div>
<br>
<Кнопка тип = "кнопка" OnClick = "displayResult ()"> Изменить высота строки </ Кнопка>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты