cuadro-orientar la propiedad CSS3
Ejemplos
elementos secundarios especificada elemento div dispuestos lateralmente:
div
{
Anchura: 350px;
altura: 100px;
frontera: 1px solid negro;
/ * Firefox * /
display: -moz-box;
-moz-box-Orient: horizontal;
/ * Safari, Opera y Chrome * /
display: webkit-box;
webkit-box-Orient: horizontal;
/ * * W3C /
display: caja;
caja-Orient: horizontal;
}
{
Anchura: 350px;
altura: 100px;
frontera: 1px solid negro;
/ * Firefox * /
display: -moz-box;
-moz-box-Orient: horizontal;
/ * Safari, Opera y Chrome * /
display: webkit-box;
webkit-box-Orient: horizontal;
/ * * W3C /
display: caja;
caja-Orient: horizontal;
}
Trate »
Soporte para el navegador
En la actualidad, la mayoría de navegadores no soportan propiedad box-oriente.
Firefox por la propiedad privada - MOZ-box-orientar el apoyo.
Safari, Opera y Chrome a través de la propiedad privada de apoyo webkit-box-oriente.
Definiciones de atributos e instrucciones
propiedad box-orientar especifica si una caja debe ser elementos secundarios horizontal o verticalmente.
Consejo: en el cuadro delos sub-elementos en la dirección horizontal se muestra de izquierda a derecha, la caja está representada verticalmente de arriba a abajo. Sin embargo, la caja de dirección y orientación pueden ser grupos cuadro ordinal propiedad para cambiar este orden.
Por defecto: | línea de eje |
---|---|
herencia: | no |
Version: | CSS3 |
la sintaxis de JavaScript: | objetar .style.boxOrient = "vertical" |
gramática
cuadro-Orient: horizontal | verticales | línea de eje | bloque de eje | heredar;
valor | explicación |
---|---|
horizontal | sub-elementos especificados están dispuestos en una línea horizontal de izquierda a derecha |
vertical | De arriba a abajo de la disposición vertical de sub-elementos |
línea de eje | elementos secundarios en línea a lo largo del eje (mapeado en el paisaje) |
bloque de eje | elementos de sub-bloques a lo largo del eje (asignada a la vertical) |
heredar | la propiedad valor del cuadro-orientar debe ser heredado de elemento padre |