Subject   : 表示範囲を指定した場合の表示方法(overflow)

カテゴリー  : Home page > スタイルシート


 表示範囲を指定した場合の表示方法(overflow)

overflowは、「position」と同時に「width」や「height」プロパティを指定した 場合などの、内容が収まりきらない場合の表示方法を指定します。

説明
none 内容に合わせて表示範囲が自動的に拡張されます。特にこのプロパティが指定されない場合は、この状態になります。
clip 内容を指定した範囲でクリッピングして表示します。
scroll 内容をスクロールして見られるようにします。

 ■ 使用例
.sample1 { position: absolute; width: 250px; height: 120px; overflow: scroll}
.sample2 { position: absolute; width: 250px; height: 120px; overflow: clip}

sample1
overflow: clip
overflowは、「position」と同時に「width」や「height」プロパティを指定した 場合などの、内容が収まりきらない場合の表示方法を指定します。

sample2
overflow: scroll
overflowは、「position」と同時に「width」や「height」プロパティを指定した 場合などの、内容が収まりきらない場合の表示方法を指定します。











   ⇒ スタイルシートのboxの概念

[メニューへ戻る]  [HOMEへ戻る]  [前のページに戻る]