bdiの使い方についてまとめ

bdiの概要

bdiはbidirectional(双方向)の略で、左から右に読む言語と、右から左に読む言語が混ざるような双方向テキストにおいて、周囲の方向と独立して扱うよう定義する要素です。

bdiのカテゴリー

bdiに入れられるタグ一覧

タグ早見表

a abbr area audio b bdo br button canvas cite code data datalist del dfn em embed i iframe img input ins kbd label link map mark math meta meter noscript object output progress q ruby samp script select small span strong sub sup svg textarea time var video wbr テキスト

入れられるタグのカテゴリー・モデル

bdiに使える属性

属性とは<bdi> タグ内に入れることのできるものです。属性をあてはめることにより、CSS・JavaScriptなどで操作する際に識別させることが可能になります。

よく使うグローバル属性

id 概要 要素に対してID固有の識別名を付けることができます。
属性の値 英字から始まる英数字
class 概要 要素に対して分類名を付けることができます。
属性の値 英字から始まる英数字
style 概要 要素に対して直接スタイルを指定することができます。
属性の値 スタイルシートのコード

スポンサードサーチ

bdiの使い方



ブラウザ対応状況

ブラウザの対応(PC)
Chrome あり
Safari なし
Internet Explorer なし
Edge なし
Firefox あり
Opera なし
ブラウザの対応(SP)
Chrome なし
Safari なし
Samsung Internet なし