メニュー

区切り線
区切り線は、コンテンツを視覚的にグループに分割します。

ダウンロード

種類

区切り線

標準の区切り線

グリッドの各部分の間に区切り線を追加するには、分割グリッドバリエーションを使用します。

垂直区切り線

区切り線はコンテンツを垂直に分割できます。

垂直区切り線を使用するには、区切り線を含めたい要素にposition: relativeが必要です。
W3Cのフレックスコンテナ内の絶対配置要素の実装変更により、垂直区切り線は現在、50/50分割のみを自動的にサポートし、フレックスコンテナの直接の子として配置されていない(グリッドなど)場合にのみサポートします。
垂直区切り線は、スタッカブルグリッド内で使用された場合、モバイル解像度で自動的に水平区切り線に切り替わります。
ログイン
サインアップ
または

水平区切り線

区切り線はコンテンツを水平に分割できます。

水平区切り線は、ヘッダーアイコンと組み合わせて使用​​して、さまざまなスタイルの区切り線を作成することもできます。
区切り線は、テキストの長さに合わせて分割線のサイズを自動的に変更します。
検索
または
新規注文の作成

説明

ドギートリーツは一年中いつでも最適です。世界中の犬の99.9%が食べていることが証明されています。

仕様

サイズ 1インチx 2インチ
重量 6オンス
黄色っぽい
におい 通常はあまりしません

バリエーション

反転

区切り線の色を反転させることができます。

水平

フィット

区切り線を上下にスペースを入れずにフィットさせることができます。

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

非表示

非表示の区切り線は、分割線を作成せずにコンテンツを分割します。

セクション1

セクション2

セクション

区切り線は、コンテンツのセクションを分割するためのより大きなマージンを提供できます。

セクション1

セクション2

クリアリング

区切り線は、その上のコンテンツをクリアできます。

フロートコンテンツ

ディマーメッセージ
ディマーサブヘッダー