グローバル属性~“style”属性

“style”属性について

“style”属性は要素に直接スタイルシートを記述するための属性です。

“style”属性に記述されたスタイルは、スタイルの競合が発生した場合には“link”要素や“style”要素によるスタイルよりも優先されます。

指定できる値

“style”属性の値にはその要素を対象とするスタイルを記述したCSSの宣言ブロック(波括弧(“{”と“}”)は取り除く)のみ記述することができます。

サンプルコード

<p style=" background-color: rgb(215,206,202); border-radius: 20px; padding: 20px 10px;">

冬はつとめて<br>
雪の降りたるは、いふべきにもあらず<br>
霜のいと白きも、また　さらでもいと寒きに、火など急ぎおこして、炭もてわたるも、いとつきづきし<br>
昼になりて、ぬるくゆるびもていけば、火桶の火も白き灰がちになりてわろし<br>

</p>

冬はつとめて
雪の降りたるは、いふべきにもあらず
霜のいと白きも、また　さらでもいと寒きに、火など急ぎおこして、炭もてわたるも、いとつきづきし
昼になりて、ぬるくゆるびもていけば、火桶の火も白き灰がちになりてわろし