検索

ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML インライン スタイル

HTML インライン スタイル

PHPz
PHPzオリジナル
2024-09-04 16:47:12775ブラウズ

HTML インライン スタイルは、他の 2 つのスタイル設定方法 (内部スタイルと外部スタイル) と同様に、CSS スクリプト言語を使用して Web ページのスタイルを設定する方法です。この方法では、Web サイトまたは Web ページに固有のスタイルを追加します。この構文は '

' です。ここで、スタイルの正確なコードの後のセミコロンは、スタイルを含めるために使用されます。フォントの種類、フォントの色、境界線、テキストの配置、背景などのスタイル設定プロパティ。ユーザー インターフェイスは非常に便利で使いやすいものであることが期待されるため、これはあらゆる Web サイトにとって重要なポイントです。

構文

インライン スタイルは、外観と操作の形式で CSS として機能しますが、いくつかの基本的な違いがあります。セレクターを使用せずに、タグが記述されているタグに直接影響します。

コード内にインライン スタイルを含める構文は次のとおりです。

<body>
<h1 style="style code;"></h1>
</body>

上記の構文にインライン スタイル属性を含めます

タグ。 style 属性は別の HTML 属性と同様に機能します。等号 = の後に、その属性のスタイル値を含む「引用符」が style で始まります。インライン スタイル コードには、セレクターや中括弧のペアは含まれません。このコードは、値の後にセミコロンを使用しないと不完全です。

インライン スタイルを使用すると、サイズ、フォント、色、テキストと画像の配置、テキストの背景色、境界線、要素の輪郭、要素間のスペース、その他多くのスタイルなどの要素にスタイルを定義できます。コード。

セミコロンの前にすべてのスタイル コードをインラインで含める必要があります。

HTML でインライン スタイルを使用するのはどのような場合ですか?

開発者は主に、ユーザーが理解しやすいコンテンツを追加または強調する必要がある場合に、コード内でインライン スタイルを使用します。多くのメーラーでは