Accsessibility UI

Emulsion Blocks

タブナビゲーションについて

追加CSSクラス list-style-tab

ネストされたリストブロックと、list-style-tabクラスを併用するとタブのような外観で表示できます。通常は、クリックによってコンテンツが表示されますが、タブ移動時でも、コンテンツを開くことができます。

Requires a nested list and a custom class
  • hello tab 1
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit,
  • tab 2
    • Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Custom HTML details 要素

HTML5のdetails要素は、非表示のコンテンツを含みます。カスタムHTMLブロックなどで作成された、details要素は、タブ移動でも、開くことができます。

details example

Something small enough to escape casual notice.