CSS proprietà flex-direzione
Esempi
Impostazioni <div> all'interno direzione dell'elemento elastico alla cartuccia in ordine inverso:
{
display:flex;
flex-direction:row-reverse;
}
Prova »
Supporto per il browser
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- dopo la prima versione a supportare la proprietà prefisso.
| proprietà | |||||
|---|---|---|---|---|---|
| flex-direzione | 29,0 21,0 -webkit- | 11.0 10.0 -MS- | 28.0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
Definizione e utilizzo
attributo flex-direzione specifica la direzione del progetto flessibile.
Nota: Se l'elementonon è resiliente oggetto casella elemento, la proprietà flex-direzione non funziona.
| predefinito: | fila |
|---|---|
| ereditarietà: | no |
| Può essere animata: | NO. Fare riferimento all'animazione (animatable) . |
| versione: | CSS3 |
| sintassi JavaScript: | object .style.flexDirection = "colonna-reverse"provare |
CSS Sintassi
Proprietà Valore
| 值 | 描述 | 实例 |
|---|---|---|
| row | 默认值。灵活的项目将水平显示，正如一个行一样。 | 尝试一下 » |
| row-reverse | 与 row 相同，但是以相反的顺序。 | 尝试一下 » |
| column | 灵活的项目将垂直显示，正如一个列一样。 | 尝试一下 » |
| column-reverse | 与 column 相同，但是以相反的顺序。 | 尝试一下 » |
| initial | 设置该属性为它的默认值。请参阅 initial 。 | 尝试一下 » |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
articoli correlati
CSS Riferimento: Proprietà Flex
CSS Manuale di riferimento: proprietà Flex-Basis
CSS Manuale di riferimento: Proprietà Flex-Flow
CSS Manuale di riferimento: Flex-Grow proprietà
CSS Manuale di riferimento: Flex-Shrink proprietà
CSS Manuale di riferimento: proprietà Flex-wrap
