株式会社ネーブルス 社長のブログ

社長のブログ

株式会社ネーブルス 代表取締役 福田一成のブログです。アメーバブログはこちら

2010-01-07.HTML覚書(オーバーフロー文字)

枠からはみ出た文字を切って表示させる場合。


<div class="waku">テストテストテストテストテス</div>


スタイルシートは、


div.waku {

 border: 1px solid;
 width: 120px;
 height:20px;
 overflow:hidden;←はみ出た文字を切ってしまう

}


overflowは、枠からはみ出した場合の処理を指定します。


値は、以下を選択できます。

hidden:はみ出た部分は表示しない。

visible:枠を広げて表示します。

scroll:スクロールバーが付きスクロールさせることができます。

auto:実験時には、scrollと同じになりました。

inherit:visibleと同じになりました。

● 開発費用のオンライン見積り、お問い合わせはこちらから

システム開発費用の概算を、オンライン上でご提示いたします。(所要時間:3分/無料)
お問い合せする事なく、費用感をお確かめいただけます。お気軽にご利用ください。
↓↓↓

システム開発費用のオンライン見積はこちら システム開発のご相談はお気軽にご連絡ください