Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

HTMLタグ辞典

style / title / lang

『style』『title』『lang』はほぼすべてのHTML要素に指定できるグローバル属性です。『style』はインラインCSSの適用、『title』はツールチップの表示、『lang』は要素内のテキストの言語指定に使用します。

構文

<!-- インラインスタイルの指定 -->
<p style="color: red; font-size: 1.2rem;">赤いテキストです。</p>

<!-- ツールチップの指定 -->
<abbr title="HyperText Markup Language">HTML</abbr>

<!-- 言語の指定 -->
<p lang="en">This paragraph is written in English.</p>

属性一覧

属性	概要
style	要素にインラインでCSSスタイルを適用します。CSSプロパティをセミコロン区切りで記述します。
title	要素のタイトルや追加情報を指定します。多くのブラウザでマウスオーバー時にツールチップとして表示されます。
lang	要素内のテキストの言語を指定します。BCP47の言語コードを使用します（例：『ja』『en』『zh』）。

サンプルコード

<!-- styleでインラインCSSを適用 -->
<p style="color: #e74c3c; font-weight: bold;">重要な注意事項</p>

<!-- titleでツールチップを表示 -->
<p>
  略語には<abbr title="HyperText Markup Language">HTML</abbr>のように
  <code title="abbreviation（略語）の略">abbr</code>タグと
  title属性を使います。
</p>

<!-- 段落ごとに言語を指定 -->
<p lang="ja">日本語のテキストです。</p>
<p lang="en">This is English text.</p>

<!-- imgのtitleはツールチップとして機能します -->
<img src="photo.jpg" alt="風景写真" title="北海道の雪景色（2024年1月撮影）">