禁則処理の方法・word-breakで改行の処理を指定するスタイルシート ;FC2ブログ・プチカスタマイズ   

禁則処理の方法・word-breakで改行の処理を指定するスタイルシート |FC2ブログ・プチカスタマイズ

  このページはFC2ブログ・プチカスタマイズの ・基本のHTMLとスタイルシート | スタイルシートを学ぼう| 禁則処理の方法・word-breakで改行の処理を指定するスタイルシート に関する情報を紹介しています。
  FC2ブログ・プチカスタマイズは、FC2ブログをちょっとだけ改造して、使い易くします。  FC2ブログの魅力は、初心者は初心者なりに、上級者は上級者なりにテンプレートやスタイルシートを改造して色々と変えることができるところ。 このブログでは、初心者から中級者向けのFC2ブログカスタマイズ法をあれこれご紹介。  FC2ブログを楽しみましょう。

 


 
 
Top Page > スポンサー広告 > 禁則処理の方法・word-breakで改行の処理を指定するスタイルシート ・基本のHTMLとスタイルシート > スタイルシートを学ぼう > 禁則処理の方法・word-breakで改行の処理を指定するスタイルシート


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




web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking

このエントリーをはてなブックマークに追加

 禁則処理をするには、word-break を使うこともできる。

 というより、word-break のほうが使い勝手が良いかもしれない。

 word-break は行の改行方法を指定する。

 この改行方法の指定によって、結果的に禁則処理がされる。

 

word-break の種類

word-break:normal

⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。

 

word-break:keep-all

⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は改行しない。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。

 

word-break:loose

⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は緩やかな改行制限(禁則処理)。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。

 

word-break:break-strict

⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語はどこでも改行される。

 

word-break:break-all

⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は緩やかな改行制限(禁則処理)。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語はどこでも改行される。。

 

外部スタイルシートでのword-breakの使用例

 外部スタイルシートをs1とした場合。

HTMLの例

<div class="s1">word-break:normal⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。</div>

外部スタイルシート内の記述例

div.s1{word-break:normal;}

 

HTMLの例

<p class="s1">word-break:normal⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。</p>

外部スタイルシート内の記述例

p.s1 {word-break:normal;}

 

HTML内で直接word-breakを指定した場合

<p style="word-break:normal: ">word-break:normal⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。</p>

word-break:normal⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)は厳格に改行制限(禁則処理)される。
⇒中国語(Chinese)、日本語(Japanese)、韓国語(Korean)以外の国の言語その言語のルールに従って改行される。

 

line-breakで禁則処理するケースはこちらの記事を見てね。



サイト内の同タグへのリンク: スタイルシート  禁則処理  HTML 
他のサイトへのタグリンク : スタイルシート 禁則処理 HTML

web拍手 by FC2←これはFC2拍手。お礼のコメントがあるよ。拍手してみて。 FC2 Blog Ranking
このエントリーをはてなブックマークに追加
関連記事リスト
  カテゴリ名:[スタイルシートを学ぼう]
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://tadameru2.blog91.fc2.com/tb.php/145-6cb8232f
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
管理人の承認後に表示されます
2016/11/29(火) 12:18:14 |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。