水平線を使ってみよう水平線の説明を少しします。表示ボックスの中の線が水平線(区切り線)です。表示HTML<hr>表示ボックス内いっぱいに水平線が表示されていますね。(表示ボックスは横の長さを指定しています。何も指定していない場合はウィンドー幅いっぱいに表示されます。)水平線の終了タグはありません。水平線の前後は自動的に改行され、デフォルトでセンタリングされるようになっています。align、width、size、color、noshadeの属性が廃止されました。これらを指定するならスタイルシートになります。使えるのは<hr>タグのみです。水平線の長さを指定しよう水平線の長さを指定してみます。横幅の指定にはwidth属性を使います。widthにpx(ピクセル)単位、またはウィンドウの幅に対する割合%で指定してみましょう。ピクセルの単位(px)は省略します。(スタイルシートでは、0の場合を除き単位は必須です。HTML5において、hr要素におけるwidth属性は廃止されました。これを指定するならスタイルシートになります。水平線の太さを指定しようsizeにpx(ピクセル)単位での太さを指定してみます。指定しない場合の太さは2pxです。HTML5において、hr要素におけるsize属性は廃止されました。これを指定するならスタイルシートになります。水平線の色を指定しようcolorに色名、またはRGBのコード(色見本)で色を指定してみます。noshade>属性noshadeは、影ナシ水平線です。平べったいグレーの線になりますね。HTML5において、hr要素におけるcolor属性、noshade属性は廃止されました。これを指定するならスタイルシートになります。水平線の位置を指定しよう今度は、表示位置を指定してみます。左から70%の位置(%指定は親要素の大きさによって変化します。HTML5において、hr要素におけるalign属性、width属性は廃止されました。これらを指定するならスタイルシートになります。color="#99cc66">グラデーションが綺麗ですね。>に追加してみましょう。align="center">ここでは、私の好きな食べ物の紹介をします。<br>どうぞ、ゆっくり見ていってくださいね!</p></body></html>(※1)と同じようにメモ帳にコピー&ペーストしてブラウザで見てください。こんな感じになります。