HTMLタグのstyle属性の使い方を詳しく解説（具体例付き）-htmlチュートリアル-php.cn

この記事では、HTML タグの style 属性の定義と機能、HTML での style 属性の使用例、HTML タグの style 属性のさまざまなスタイル分析について説明します。この記事を一緒に見てみましょう

まず、HTML タグの style 属性の定義を紹介します:

style 属性は、要素のインライン スタイルを指定します

style 属性は、グローバルのスタイルをオーバーライドします タグや外部スタイル シートなどで指定されたスタイル設定。

HTML スタイル属性の例

HTML ドキュメントでのスタイル属性の使用:

This is a header This is a paragraph.

ログイン後にコピー HTML タグのスタイル属性の構文:

ログイン後にコピー HTML タグのスタイル属性の属性値:

style_Heading : 1 つ以上の CSSプロパティと値はセミコロンで区切られます。

HTMLのstyle属性の各種スタイル解析

1. style属性はフォントスタイル (font-family:)、フォントサイズ(font-size:)、文字色(color:)、などの内容です。それぞれ別のタグに設定することも、CSSスタイルシートに設定することもできます。私の記事はすべて http://www.codecademy.com に従って書いているため、まだ CSS を導入していないため、ここでは CSS については触れません。以下は例です。コードと図:

color the text Hello World! 你好！！！！

ログイン後にコピー 注:

a) 私が使用しているブラウザは Chrome で、編集して表示するときに、設定した 10px フォントが適用されていないことがわかりました。 Chromeでは最小フォントサイズが12pxに設定されているため、10pxのフォントサイズは役に立ちません。Chromeブラウザの最小フォントサイズを小さいサイズに変更するだけです。

b) スタイル属性の割り当て方法は、通常の等号 = ではなく、属性名: 値です。等号を使用すると、スタイル効果は実行されません。

2. style に背景色 を設定することもできます。style には、background-color 属性が含まれており、その色の値を設定すると、ラベル範囲全体の背景色を、background-color で指定された色に変更できます。以下はサンプル コードと図です:

color the text Hello World! 你好！！！！

ログイン後にコピー

3. テキストの配置 一部のラベル属性には、テキストの配置を設定できる align 属性があり、同様の属性をスタイルで設定することもできます。この属性の値は text-align です。その

値には、左、中央、右が含まれます。以下はサンプルコードと概略図です:

color the text Hello World! 你好！！！！

ログイン後にコピー HTML の style 属性の 2 つの具体的な使用例:

练习使用HTML /*标签选择器*/ h4 { color: blue; text-align: right; } 测试html的style属性

h41 h42 ログイン後にコピー [編集者からの関連おすすめ]

html5 詳細タグの役割は何ですか? タグの使い方入門(使用例付き)

HTMLテーブルとは？ タグでの様々な属性の使い方