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


新着ニュースや更新情報などでの部分でよく見る、
インラインフレーム風のボックスを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; /*はみ出た部分は表示させない*/

コメントを投稿する

SPONSORED LINK

CATEGORY

RECOMMEND BOOKS

OTHER

あわせて読みたい

トップへ戻る