Flexible フレキシブル ボックス モデルの CSS flex-direction プロパティ

インスタンス

要素内のフレキシブルボックス要素の方向を逆の順序に設定します:

p
{
display:flex;
flex-direction:row-reverse;
}

効果プレビュー

---

ブラウザサポート

表内の数字このプロパティのサポートを示します。最初のブラウザのバージョン番号。

-webkit-、-ms-、または -moz- の直後の数字は、このプレフィックス属性をサポートする最初のバージョンです。

プロパティ
フレックス方向	29.0 21.0 -webkit-	11 .0 10.0 -ms-	28.0 18.0 -moz-	9.0 6.1 -ウェブキット-	17.0

---

定義と使用法

flex-direction プロパティは、フレックス項目の方向を指定します。

注: 要素がフレックスボックス オブジェクト の要素ではない場合、flex-direction プロパティは効果がありません。

いいえ。 SS3 アニメーションのプロパティ、 バージョン: CSS3

---

CSS 语法

flex-direction: row|row-reverse|column|column-reverse|initial|inherit;

プロパティ値

デフォルト:	行
継承:	いいえ
アニメーション化できる:	CSS3 アニメーション の例を参照してください。
JavaScript 構文:	object.style.flexDirection="column-reverse" 効果プレビュー

値	説明	インスタンス
行	デフォルト値。フレキシブル項目は水平方向に 1 行として表示されます。	エフェクトプレビュー
row-reverse	rowと同じですが、順序が逆です。	効果プレビュー
列	柔軟な項目は、列と同じように垂直に表示されます。	エフェクトプレビュー
column-reverse	列と同じですが、順序が逆です。	効果プレビュー
初期	このプロパティをデフォルト値に設定します。 初期を参照してください。	効果プレビュー
inherit	この属性を親要素から継承します。継承を参照してください。

以上がFlexible フレキシブル ボックス モデルの CSS flex-direction プロパティの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。