この記事では、HTMLのstyle属性について学習します。これは、HTMLタグ自体の表示を調整するために使用される属性です。

まだCSSを学んでいないので、セレクターやCSSの追加方法などの技術的な知識についてはあまり話しません。代わりに、各効果をガイドし、その効果を生み出すCSSプロパティを紹介します。

HTMLのstyle属性とは何ですか？

すべてのHTMLタグにはこのスタイル属性があります。 CSSを追加したり、そのHTMLタグのデフォルトの表示を変更したりするために使用されます。構文は次のとおりです。

 <tagname style="CSS_PROPERTY">

ここで、 CSS_PROPERTYは、タグ自体のインターフェイスを設定するために使用されるコードです。たとえば、背景の設定、フォントの色の変更、フォントサイズの変更、インターフェイスでの表示位置の設定などです。

CSS_PROPERTYの値の形式はkey:valueです。CSSが多数ある場合は、 ;を使用します。それらを分離します。

例：divタグの背景を赤に設定します。

 <div style="background:red">Học HTML Style tại web888.vn</div>

HTMLでstyle属性を使用する方法

スタイルの背景

背景をstyle属性に設定すると、そのHTMLタグの背景色を変更できます。

 <div style="background:red">Học HTML Style tại web888.vn</div>

スタイルフォントの色

colorプロパティを使用してフォントの色を変更することもできます。

 <div style="color:red">Học HTML Style tại web888.vn</div>

スタイルのフォントサイズ

font-sizeプロパティは、フォントのサイズを変更します。適用するスタイルで入れてください。

 <div style="font-size: 50px">Học HTML Style tại web888.vn</div>

スタイルにCSSを追加します。属性

スタイルにさらに効果を追加するには、セミコロンで区切ります。理解を深めるには、以下の例を参照してください。

 <div style="font-size: 50px;color:red">Học HTML Style tại web888.vn</div>

したがって、HTMLでstyle属性を使用する方法はすでに知っています。幸運を！