トップ Web関連 CSS関連 CSSの文字要素の表示

CSSの文字列要素の表示

文字列要素には以下のようなものがある

文字列要素
要素名 分類 説明 HTML5
p ブロックレベル要素 段落
br インライン要素 改行
em インライン要素 強調
strong インライン要素 強い強調
addr インライン要素 略語(全般)
acronym インライン要素 略語(頭字語) ×
dfn インライン要素 定義する用語
sup インライン要素 上付き文字
sub インライン要素 下付き文字
kbd インライン要素 入力文字
samp インライン要素 出力サンプル
bdo インライン要素 文字表記の方向
del その他 削除されたテキスト
ins その他 追加されたテキスト
code インライン要素 ソースコード
var インライン要素 変数・引数
pre ブロックレベル要素 整形済みテキスト
blockquote ブロックレベル要素 長文の引用(ブロックレベル)
q インライン要素 短文の引用(インライン)
cite インライン要素 引用元(出典・参照先)

サイト内の各文字要素の表示を検証


文字列要素のサンプル(このサイトのCSSが適応されてます)

Pは文字の領域が分かるようにバックグランドのみ指定


<p>〜</p>(段落)のサンプル

<p>(段落)のサンプル</p>

これは
改行

のサンプル

<p>これは<br>改行<br><br>のサンプル</p>

これは普通の強調のサンプル

<p>これは<em>普通の強調</em>のサンプル</p>

これは強い強調のサンプル

<p>これは<strong>強い強調</strong>のサンプル</p>

これは略語(全般)のサンプル

<p>これは<addr>略語(全般)</addr>のサンプル</p>

これは略語(頭字語)のサンプル

<p>これは<acronym>略語(頭字語)</acronym>のサンプル</p>

これは定義する用語のサンプル

<p>これは<dfn>定義する用語</dfn>のサンプル</p>

これは上付き文字のサンプル

<p>これは<sup>上付き文字</sup>のサンプル</p>

これは下付き文字のサンプル

<p>これは<sub>下付き文字</sub>のサンプル</p>

これは入力文字のサンプル

<p>これは<kbd>入力文字</kbd>のサンプル</p>

これは出力サンプルのサンプル

<p>これは<samp>出力サンプル</samp>のサンプル</p>

これは文字表記の方向のサンプル

<p>これは<bdo dir="rtl">文字表記の方向</bdo>のサンプル</p>

これは削除されたテキストのサンプル

<p>これは<del>削除されたテキスト</del>のサンプル</p>

これは追加されたテキストのサンプル

<p>これは<ins>追加されたテキスト</ins>のサンプル</p>

引用、ソースコード関連は次のページで

投票数:22 平均点:10.00
前
CSSの文字サイズ指定
カテゴリートップ
CSS関連
次
CSSの引用・ソースコードなどの表示と特殊文字入力

新しくコメントをつける

題名
ゲスト名
投稿本文
より詳細なコメント入力フォームへ

ライブラリ