break-word」というCSSを紹介します。長いけど別にどこで切ってもいい単語(URLなど)を表示する時に役に立ちます。word-wrapプロパティの他の値は、「normal(初期値)」だけ。英語など外国語の場合、ブラウザは単語の途中で改行しないようになっています。「半角スペース」「-(ハイフン)」「/(スラッシュ)」などの直後で改行します。入れるのも面倒です(ユーザの閲覧環境によって表示領域の幅は変わりますし)。break-word」を指定しておくと、勝手に「1文字単位で領域幅に合わせて改行」できるようになります。前回の<wbr>要素は、ブラウザに「単語を勝手に壊させず、改行していい所を指定」しました。break-word」は「単語を壊していいから、表示幅に合わせて改行」と指示します。break-word」を使ってみようサンプルを見てみましょう。幅の狭いブロックを作っています。ほうは、単語の途中でも改行されています。break-wordhttp://honttoni.blog74.fc2.com/blog-entry-21.htmlnormalhttp://honttoni.blog74.fc2.com/blog-entry-21.htmlHTMLはこちらです。class="wrnormal">http://honttoni.blog74.fc2.com/blog-entry-21.html</dd></dl>CSSはこちらです。{word-wrap:normal}日本語の場合は注意が必要です。break-word」が指定されていると、「。」や「、」が先頭になるように改行されたり、「キャッシュ」といった促音や拗音が先頭になって「キ」「ャッシュ」と改行されたりします。normal」に戻しましょう。次回はHTMLに戻って、<bdo>要素を紹介します。<bdo>は、文字の表示方向を指定する要素です。普通、文字の表示は「左から右」ですが、ヘブライ語など「右から左」に表示したい箇所に使います。blockquote要素で「引用されたブロック」を示そうTweetやる気を保つためにランキングに参加しています。(ミニバードがスターサーバになりました)。管理画面がわかりやすくていい感じす。わかりやすい管理画面で、初めてでもすんなり使えます。両方とも、なんといっても料金が安いです。この2つは老舗でユーザーも多いので、質問する場がたくさんあり、初心者の方でもイケるだろうと思います。そのままオートリンクになる仕様です。当方でメールアドレスだけ削除することも、メールアドレスを非公開にすることもできません。メールアドレスは書かないでください。詳しくはこちらにまとめましたのでご覧ください。基礎から覚える、深く理解できる。yuki★hataせめて月1回の更新をめざします~。