株式会社ネーブルス 社長のブログ
株式会社ネーブルス 代表取締役 福田一成のブログです。アメーバブログはこちら
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分／無料）
お問い合せする事なく、費用感をお確かめいただけます。お気軽にご利用ください。
↓↓↓
