インラインフレーム風ボックス

新着ニュースや更新情報などでの部分でよく見る、
インラインフレーム風のボックスをCSSで表現できます。

.inlinebox {
width:400px;
height:100px;
overflow:auto;
border:solid 1px #666;
margin:20px 0px 0px 0px;
padding:5px;
}

overflowプロパティで、指定した領域より内容がはみでた場合、
どのように表示させるかを指定しています。

overflow:visible;　/* デフォルトの状態 */
overflow:auto;　/* 縦スクロールバーを表示 */
overflow:scroll;　/* 縦・横スクロールバーを表示 */
overflow:hidden;　/*はみ出た部分は表示させない*/

コメントを投稿する