2013.10.16

はみ出る部分を処置方法 [overflow]

  • このエントリーをはてなブックマークに追加

overflow:表示方式

[表示方式]
visible(ボックスからはみ出して表示)
hidden(はみ出した部分を表示しない)
scroll(スクロールして見れるようにする)
auto(必要に応じてスクロールが出る)

[CSS]

.sample1{overflow:visible}
.sample2{overflow:hidden}
.sample3{overflow:scroll}
.sample4{overflow:auto}

「overflow:scroll」を指定してます。
overflowは、ボックスに内容が入りきらない時に、その部分がどのように表示するのかを設定するプロパティ。

「overflow:hidden」を指定してます。
overflowは、ボックスに内容が入りきらない時に、その部分がどのように表示するのかを設定するプロパティ。

「overflow:auto」を指定してます。
overflowは、ボックスに内容が入りきらない時に、その部分がどのように表示するのかを設定するプロパティ。

「overflow:visible」を指定してます。
overflowは、ボックスに内容が入りきらない時に、その部分がどのように表示するのかを設定するプロパティ。

  • このエントリーをはてなブックマークに追加

CSS

ソーシャルメディアでもご購読できます。

« »

トップ