“align”属性｜“hr”要素:テーマの区切り｜HTML－havin' a coffee break

＃

“align”属性について

“align”属性は水平線の水平方向の表示位置を指定する属性です。

多くのブラウザでは既定では水平線が横幅いっぱいに表示されるため、“width”属性やスタイルシートで幅を指定していない場合は意味がありません。

“align”属性を指定しない場合は中央に表示されます。

＃

代替方法

HTML5でこの属性は廃止されているので使用するべきではありません。

スタイルシートの“margin-left”プロパティや“margin-right”プロパティ、“margin”プロパティを使用して調整します。

＃

指定できる値

属性値	説明
left	左寄せ
center	中央
right	右寄せ

＃

サンプルコード



<h1>バナナの果実の話</h1>

<p>


栄養豊富なバナナは高カロリーと思われがちです。しかし、実は1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーです。しかも日常生活で不足しがちな栄養素がバランスよく含まれてるので、健康な生活にかかせない果物なのです。


</p>

<hr align="left" width="50%">

<p>


ところでこのバナナ、一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。


</p>

“hr”要素~“align”属性

“align”属性について

代替方法

指定できる値

サンプルコード