区切り線

区切り線は、リストやページレイアウト内のコンテンツを管理・分離し、より優れた視覚効果と空間感を提供するために使用されます。

区切り線は純粋な CSS で書かれており、HTML を書くだけで有効になります。

スタイル

全幅の区切り線は幅の 100% を占めます。使用可能なクラス名は以下の通りです：

例

<div class="mdui-divider"></div>

インセット区切り線は左側に 72px の余白があり、アバターやアイコンがあるリストでよく使用されます。使用可能なクラス名は以下の通りです：

例

<div class="mdui-divider-inset"></div>

クラス名	説明
`.mdui-divider`	区切り線を定義します。デフォルトのテーマではダーク、ダークテーマではライトになります。
`.mdui-divider-light`	ライトな区切り線を定義します。ダークな背景用。
`.mdui-divider-dark`	ダークな区切り線を定義します。ライトな背景用。
`.mdui-divider-inset`	インセット区切り線を定義します。デフォルトのテーマではダーク、ダークテーマではライトになります。
`.mdui-divider-inset-light`	ライトなインセット区切り線を定義します。ダークな背景用。
`.mdui-divider-inset-dark`	ダークなインセット区切り線を定義します。ライトな背景用。