サイト内検索
...スタイルシート(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>
[ブラウザ上]
文章が領域をはみ出た場合に末尾に
文章が領域をはみ出た場合に