メインコンテンツへスキップ

ドキュメント

区切り線

コンテンツを区切り、異なるスタイルを適用するための区切り線を作成します。

使い方

ページ上の異なるコンテンツ部分の区切りを示すために、シンプルな<hr>要素を使用できます。区切り線コンポーネントを使用すると、これらの区切り線に異なるスタイルを追加できます。


区切り線アイコン

<hr>または<div>要素に.uk-divider-iconクラスを追加して、アイコンのような装飾付きの区切り線を作成します。


  • <hr class="uk-divider-icon">

区切り線(小)

<hr>または<div>要素に.uk-divider-smallクラスを追加して、より小さな区切り線を作成します。


  • <hr class="uk-divider-small">

区切り線(垂直)

<hr>または<div>要素に.uk-divider-verticalクラスを追加して、垂直の区切り線を作成します。


  • <hr class="uk-divider-vertical">