iframe(インラインフレーム)風の小窓ボックスを作る方法

|

HTMLページ内に、iframe(インラインフレーム)ではなくて、縦スクロールバー付きの小窓を作りたい場合は、以下のようにします。

(X)HTMLコード

<div class="scrollbox">テキスト</div>

CSSコード

.scrollbox {
    width:300px;
    height:300px;
    overflow-y:scroll;
}

小窓よりもテキスト領域が小さいときに縦スクロールバーを出し無くないなら、

CSSコード

.scrollbox {
    width:300px;
    height:300px;
    overflow-y:auto;
}

というようにします。

このページに関連する記事

CSSの小技に関する記事(53)

参考サイト

お勧めCSS教本

Powered by Movable Type 4.21-ja

最近のブログ記事