11.overflowプロパティは、ボックス内に文字列が納まらずはみ出した内容の表示方法を指定します。
適用要素:ブロックレベル要素(置換要素を除く)、inline-blockの要素、th要素、td要素
※★CSS
.box8 {
width: 300px;
height: 80px;
overflow: auto;
background-color:#fcccff;
}
.box88 {
width: 600px;
height: 50px;
overflow: auto;
background-color:#fcccff;
}
※★HTML
<div class="box8">オーバーフローのサンプルです。
オーバーフローのサンプルです。
overflow: visible;
はみ出して表示されます。
overflow: hidden;
はみ出た部分は表示されません。
overflow: scroll;
スクロールで表示されます。
overflow: auto;
内容がボックスの大きさよりも多いと
スクロールバーが表示されます。</div>
オーバーフローのサンプルです。
オーバーフローのサンプルです。
overflow: visible;
はみ出して表示されます。
overflow: hidden;
はみ出た部分は表示されません。
overflow: scroll;
スクロールで表示されます。
overflow: auto;
内容がボックスの大きさよりも多いと
スクロールバーが表示されます。
オーバーフローのサンプルです。
オーバーフローのサンプルです。
overflow: visible;
はみ出して表示されます。
overflow: hidden;
はみ出た部分は表示されません。
overflow: scroll;
スクロールで表示されます。
overflow: auto;
内容がボックスの大きさよりも多いと
スクロールバーが表示されます。