style属性の概要
HTML要素内(タグ内)で直接スタイルを適用出来ます。
CSSやstyle要素で適用したスタイルを上書きすることも出来ますので基本デザインを
CSSファイルやstyle要素で適用しておいて、特定の要素だけstyle属性で変更するといったことも出来ます。
また、javascriptで処理するなどの工夫をすればページ構築の幅が広がります。
実機サンプル
こんにちは。ワイワークにようこそ! このテキストはサンプルです。
こんにちは。ワイワークにようこそ! このテキストはサンプルです。
サンプルコードの補足
同じ内容のサンプルですが、コードの見やすさには差がありますのでサンプルコードを参照して下さい。
style属性のサンプルコード
<body>
<p style="width: 500px; text-align: center; color: darkorange; background-color: gold; font-weight: bold;">
こんにちは。ワイワークにようこそ! このテキストはサンプルです。
</p>
<p style="
width: 500px;
text-align: center;
color: darkorange;
background-color: gold;
font-weight: bold;
">
こんにちは。ワイワークにようこそ! このテキストはサンプルです。
</p>
</body>