HTML DOM Style captionSide недвижимость
Определение и использование
captionSide наборов свойств или возвращает позицию заголовка таблицы.
грамматика
Настройка свойств captionSide:
Object.style.captionSide="top|bottom|inherit"
Назад свойства captionSide:
Object.style.captionSide
值 | 描述 |
---|---|
top | 默认。把表格标题定位在表格之上。 |
bottom | 把表格标题定位在表格之下。 |
inherit | captionSide 属性的值从父元素继承。 |
Поддержка браузеров
Все основные браузеры поддерживают captionSide свойство.
Примечание: IE7 и более ранние версии не поддерживают captionSide свойство.IE8 обеспечивает только! DOCTYPE поддерживается captionSide свойство. IE9 поддерживает captionSide недвижимость.
примеров
примеров
В таблице заголовка к нижней части таблицы:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( "myCap") style.captionSide = "снизу";
}
</ Script>
</ Head>
<Body>
<Таблица граница = "1">
<Подпись ID = "myCap"> Мои сбережения </ подпись>
<Tr>
<Th> Месяц </ й>
<Th> Экономия </ й>
</ TR>
<Tr>
<Td> Январь </ TD>
<Td> $ 100 </ TD>
</ TR>
<Tr>
<Td> Февраль </ TD>
<TD> $ 150 </ TD>
</ TR>
</ Table>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> Мобильный заголовок таблицы </ Кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
. Document.getElementById ( "myCap") style.captionSide = "снизу";
}
</ Script>
</ Head>
<Body>
<Таблица граница = "1">
<Подпись ID = "myCap"> Мои сбережения </ подпись>
<Tr>
<Th> Месяц </ й>
<Th> Экономия </ й>
</ TR>
<Tr>
<Td> Январь </ TD>
<Td> $ 100 </ TD>
</ TR>
<Tr>
<Td> Февраль </ TD>
<TD> $ 150 </ TD>
</ TR>
</ Table>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> Мобильный заголовок таблицы </ Кнопка>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты