1. Home
  2. スタイルシート CSS
  3. ページ全般
  4. 水平線のサイズを指定する

水平線のサイズを指定する

width: ***; height: ***;

width は横幅を、height は高さを指定するプロパティです。

このプロパティをhr要素に対して設定すると、水平線の長さや太さを指定することができます。


hr {
width: 80%;
height: 10px;
}
プロパティ名 値 説明
width 数値+単位（px 等）またはパーセント 水平線の長さを指定
height 数値+単位（px 等）またはパーセント 水平線の太さを指定

何も指定しない場合は、太さは2px程度、長さは100パーセントで表示されます。

使用例


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>文書のタイトル</title>

<style type="text/css">

hr {
width: 80%;
height: 10px;
}

</style>

</head>
<body>

<hr>

</body>
</html>

表示例

サイト内検索

ページ全般

関連ページ

ページの先頭へ