このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

hr”要素~“noshade”属性注意

記事July 14th,2020
影を消して単色で表示する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。
この属性は現行の仕様では廃止されています。
この属性は現行の仕様では廃止されています。

noshade”属性について

noshade”属性は水平線を単色で表示する属性です。

水平線は通常影がついたように二色の立体感のある見た目で表示されますが、“noshade”属性を指定すると単色で平面的な見た目になります。

代替方法

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

スタイルシートのbackground-color”プロパティで色を指定したうえでborder”プロパティで境界線をなくします。

指定できる値

属性値 説明
noshade 単色で表示

属性値は省略できます。

サンプルコード

<h1>バナナの果実の話</h1>
<p>
栄養豊富なバナナは高カロリーと思われがちです。しかし、実は1本(約100g)約86kcalと、ごはんやパンと比べて低カロリーです。しかも日常生活で不足しがちな栄養素がバランスよく含まれてるので、健康な生活にかかせない果物なのです。
</p>
<hr noshade>
<p>
ところでこのバナナ、一般的には緑色、熟成したものは黄色であると思われがちだが、実は紫色や桃色のものなどいろいろなものがある。
</p>
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク