span

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 特定部分を指定
読み方 スパン

カテゴリー

フロー・コンテンツ/フレージング・コンテンツ

親にできる要素/カテゴリー

フレージング・コンテンツが期待される個所

子にできる要素/カテゴリー

フレージング・コンテンツ

<span 属性="値">~</span>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 span要素自体は何も意味を持ちません。要素の中身をそのまま出力します。特定の部分に、classなどのグローバル属性を適用したい場合に便利です。

サンプル

(body要素の内部)

<h1>りんご</h1>
<p>「<span class="c1">1日1個のリンゴは医者を遠ざける</span>」と言われ、<span class="c2">栄養が豊富</span>な果物として知られています。</p>

(スタイルシート)

.c1 {
    background-color : #ffcccc;
}
.c2 {
    background-color : #ccffcc;
}

サンプル実行画像

Powered by Web Professional

目次