書式
overflow-x:種類
対象
ブロックレベル要素、置換要素
継承
しない
初期値
auto
バージョン
-
対応ブラウザ
Win IE5.0以降
解説
横方向に内容がはみ出した場合の表示方法を指定します。以下のものが指定できます。
| 設定名 | 内容 |
|---|
| visible | はみだした部分を表示する |
| hidden | はみだした部分は表示しない |
| scroll | はみだした場合、スクロールバーを表示する |
| auto | 自動 |
サンプルコード
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<style type="text/css"><!--
body { margin:0px; }
.box1 { position:absolute;border:1px black solid;
left:10px;
top:10px;
width:200px;
height:100px;
overflow-x:hidden;
overflow-y:scroll;
}
--></style>
</head>
<body>
<div class="box1">
<nobr>CSS Sample Text 1, スタイルシートサンプル</nobr><br>
CSS Sample Text 2, スタイルシートサンプル<br>
CSS Sample Text 3, スタイルシートサンプル<br>
CSS Sample Text 4, スタイルシートサンプル<br>
CSS Sample Text 5, スタイルシートサンプル<br>
CSS Sample Text 6, スタイルシートサンプル<br>
CSS Sample Text 7, スタイルシートサンプル<br>
CSS Sample Text 8, スタイルシートサンプル<br>
CSS Sample Text 9, スタイルシートサンプル<br>
</div>
</body>
</html>