Home > スポンサー広告 > CSSの white-spaceプロパティ

スポンサーサイト

スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Comments:-

Comment Form

Trackback+Pingback:-

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/179-4ff99ed0
Listed below are links to weblogs that reference
スポンサーサイト from Karafuto Blog

Home > スポンサー広告 > CSSの white-spaceプロパティ

Home > css > CSSの white-spaceプロパティ

CSSの white-spaceプロパティ

css

  • 2008-10-14
  • css

CSSの white-spaceプロパティの値がこんがらかるので、試してみた。

white-spaceプロパティは空白文字の扱いを指定する。空白文字とは、半角スペース、タブ、改行などのこと。(全角スペースは含まれない。)

値のキーワードには、デフォルト値の normal, pre, nowrap, pre-wrap, pre-line,継承を意味する inheritがある。

キーワード連続する空白を1つにする改行文字で折り返す自動的に折り返す
normal×
pre××
nowrap××
pre-wrap×
pre-line

例で使った HTML
<div>Note〈ここに半角空白が6つある〉(空白6)that there〈ここにタブが2つある〉(タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels.
〈ここに改行がある〉(改行) Also, it is good to avoid spaces immediately inside start
〈ここに改行がある〉(改行) and end tags.
</div>
例で使った CSS
white-space: (normal, pre, nowrap, pre-wrap, pre-line);
margin: 1.5em 0 2em 1em ;
padding: 0.5em;
width: 95%;
overflow: scroll;
background-color: #ddffdd;
line-height: 1.4;
normal
Note (空白6)that there (タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels. (改行) Also, it is good to avoid spaces immediately inside start (改行) and end tags.
pre
Note (空白6)that there (タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels. (改行) Also, it is good to avoid spaces immediately inside start (改行) and end tags.
nowrap
Note (空白6)that there (タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels. (改行) Also, it is good to avoid spaces immediately inside start (改行) and end tags.
pre-wrap
Note (空白6)that there (タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels. (改行) Also, it is good to avoid spaces immediately inside start (改行) and end tags.
pre-line
Note (空白6)that there (タブ2)are two spaces between A and B, and none between B and C. This can sometimes be avoided by using the natural bidirectionality of characters instead of explicit embedding levels. (改行) Also, it is good to avoid spaces immediately inside start (改行) and end tags.

Comments:0

Comment Form

Trackback+Pingback:0

TrackBack URL for this entry
http://karafuto50.blog117.fc2.com/tb.php/179-4ff99ed0
Listed below are links to weblogs that reference
CSSの white-spaceプロパティ from Karafuto Blog

Home > css > CSSの white-spaceプロパティ

おまかせリンク(R)
全記事表示リンク
Search
Meta
Feeds

Page Top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。