HTML DOM propiedad Estilo captionSide
Objetos de estilo Definición y Uso
captionSide conjuntos de propiedades o devuelve la posición de la cabecera de la tabla.
gramática
Configuración de las propiedades captionSide:
Object.style.captionSide="top|bottom|inherit"
captionSide propiedades para la espalda:
Object.style.captionSide
| 值 | 描述 |
|---|---|
| top | 默认。把表格标题定位在表格之上。 |
| bottom | 把表格标题定位在表格之下。 |
| inherit | captionSide 属性的值从父元素继承。 |
Soporte para el navegador
Todos los principales navegadores soportan la propiedad captionSide.
Nota: Internet Explorer 7 y versiones anteriores no son compatibles con la propiedad captionSide.IE8 sólo proporciona! DOCTYPE apoyado propiedad captionSide. IE9 soporta la propiedad captionSide.
Ejemplos
Ejemplos
La cabecera de la tabla de la parte inferior de la tabla:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( "myCap") style.captionSide = "inferior";
}
</ Script>
</ Head>
<Cuerpo>
<Table border = "1">
<Caption id = "myCap"> Mis ahorros </ caption>
<Tr>
<TH> Mes </ th>
<TH> Ahorro </ th>
</ Tr>
<Tr>
<Td> Enero </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Febrero </ td>
<Td> $ 150 </ td>
</ Tr>
</ Table>
<br>
<Botón type = "button" onclick = "displayResult ()"> mesa móvil título </ botón>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
. Document.getElementById ( "myCap") style.captionSide = "inferior";
}
</ Script>
</ Head>
<Cuerpo>
<Table border = "1">
<Caption id = "myCap"> Mis ahorros </ caption>
<Tr>
<TH> Mes </ th>
<TH> Ahorro </ th>
</ Tr>
<Tr>
<Td> Enero </ td>
<Td> $ 100 </ td>
</ Tr>
<Tr>
<Td> Febrero </ td>
<Td> $ 150 </ td>
</ Tr>
</ Table>
<br>
<Botón type = "button" onclick = "displayResult ()"> mesa móvil título </ botón>
</ Body>
</ Html>
Trate »
Objetos de estilo