Latest web development tutorials

HTMLのclass属性

HTMLグローバル属性 HTMLグローバル属性

HTMLドキュメント内のclass属性を使用します。

<!DOCTYPE HTML>
<HTML>
<ヘッド>
<メタ文字セット= "UTF-8">
<タイトル>このチュートリアル(w3big.com)</タイトル>
<スタイル>
h1.intro {色:青;}
p.important {色:緑;}
</スタイル>
</ HEAD>
<ボディ>

<H1クラス= "イントロ"> 1 </ H1>の見出し
<P>段落。 </ P>
<Pクラス= "重要">注:これは非常に重要な段落です。 :) </ P>

</ BODY>
</ HTML>

»をお試しください

この章で後述するより多くの例があります。

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

すべての主要なブラウザは、クラス属性をサポート


定義と使用法

クラス属性は、要素のクラス名を定義します。

クラスプロパティは、典型的には、スタイルシートのクラスを指すように使用されます。 しかし、また、HTML要素のクラス名を変更するために、(HTML DOMを介して)JavaScriptで使用することができます。


HTML 4.01とHTML5との違い

HTML5では、クラス属性は、(それが任意のHTML要素ことを確認し、必ずしも有用ではないだろう)任意のHTML要素のために使用することができます。

<ベース>、<HEAD>、<HTML>、<メタ>、の<param>、<スクリプト>、<スタイル>、および<タイトル>:HTML 4.01では、クラス属性を使用することはできません。


文法

<要素クラス= "クラス名">

プロパティ値

説明
クラス名 これは、クラス要素の名前を指定します。 要素は複数のクラスを定義するために、クラス名は、スペースで区切られています。 <スパンクラス= "重要な左">。HTML要素は、複数のクラスを使用することができます。

ルールに名前を付けます:

  • 文字A〜Zまたはaからzで始まる必要があります
  • 次の文字は使用できます(A-ZA-z)、数字(0-9)、バー(「 - 」)、およびアンダースコア( "_")
  • HTMLでは、クラス名は大文字と小文字が区別されます


例

より多くの例

要素の複数のクラスを追加します。
HTML要素はどのように複数のクラスを追加します。


HTMLグローバル属性 HTMLグローバル属性