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>

表示例



ページ全般

ページの先頭へ