サイト内検索

...スタイルシート(css)...

スタイルシート・テキスト

領域をはみ出た場合

領域をはみ出たテキストがある場合に、
末尾に省略符号( ... )を表示するかどうかは、
text-overflowプロパティを指定します。
[使い方]
.sample{text-overflow: clip;}
[メモ・・・W3C・CSS検証サービス・・・]
text-overflowは、推奨されていません。
プロパティ名 説明
text-overflow: ellipsis;はみ出た場合に「...」を表示します。
clip;「...」を表示しません。(標準値・初期設定値)

サンプル

[headの中]

<style type="text/css">
<!--
p{width: 150px;
overflow: hidden;
white-space: nowrap;
border: 1px #999999 solid;
}
.sample1{text-overflow: clip;}
.sample2{text-overflow: ellipsis;}
-->
</style>

[bodyの中]

<p class="sample1">文章が領域をはみ出た場合に末尾に</p>
<p class="sample2">文章が領域をはみ出た場合に</p>

[ブラウザ上]

文章が領域をはみ出た場合に末尾に

文章が領域をはみ出た場合に


Copyright c 2007.10.01 luc All rights reserved.