word-breakを適用させる方法

このQ&Aのポイント
  • Visual Studio2010でCSS3.0のプロパティである'word-break'を適用させる方法を教えてください。
  • Visual Studio2010 Premiumを使用している際に、CSSファイル内でword-breakの部分が正しく適用されない問題が発生しています。
  • 他のCSSプロパティでは問題がないため、原因は他にある可能性があります。Internet Explorerのバージョンによる問題ではないと考えています。解決策を教えてください。
回答を見る
  • ベストアンサー

word-breakを適用させる方法

Visual Studio2010でCSS3.0のプロパティである"word-break"を適用させる方法を教えてください。 現在Visual Studio2010 Premiumを使用して、ソフトウェアの開発を行っています。 作成するソフトウェアはブラウザ上に表示させ、 ウィンドウの大きさに合わせて表示文字の自動改行を行おうと考えています。 そのため、スタイルシートとしてCSS3.0のプロパティであるword-breakを導入したいのですが、 記述してもなぜか導入されず、デバッグ時にword-breakの部分が適用されていません。 具体的には、CSSファイル内のword-breakの部分に緑の波線が引かれ、波線部分にポインタを合わせると 「検証(CSS3.0):'word-break'は認識できるCSSプロパティ名ではありません。」 と表示されます。 ちなみに似たような機能のword-wrapでも上記の注意が表示されます。 なお、他のCSSプロパティである、border-radiusやbox-shadowなどでは 上記のような注意は表示されません。 自分が現在使用しているInternet Explorerは8ですが、 word-break自体はIE5から対応されており、IEのバージョンによる問題ではないと思うのですが・・・。 他に思い当たる原因が分からず、質問させていただきました。 word-breakを適用する方法について、解決方法をご存知でしたら 何卒回答の程をお願いいたします。

  • CSS
  • 回答数2
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.2

keep-allは、CJKは改行しない、非CSKはnormalと同じです。 >word-breakは言語に依存しますけど・・  lang="ja" だと意味ないです。 ‘word-break’の値はnormal | keep-all | break-all ( http://www.w3.org/TR/css3-text/#word-break-property )で、 W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_input+with_options )で、検証してもエラーにはなりません。 p.sample1 {word-break:normal;} p.sample2 {word-break:keep-all;} p.sample3 {word-break:break-all;}  単に綴りを間違えているとか、そのツールが間違っているとか・・

hatouiru
質問者

お礼

自己解決いたしました。 どうやらCSSで表示領域を指定していたことが問題だったようです・・・。 ですが、紹介してくださったツールは今後使用させていただきたいと思います。 ご回答ありがとうございました。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

word-breakは言語に依存しますけど・・ word-breakの値は何に設定されていますか??

hatouiru
質問者

補足

設定値とはword-breakの横の値のことでしょうか? でしたらkeep-allに設定しています。

関連するQ&A

  • 再帰のある関数で現在と同じレベルでのみ働くブレークポイントを定義する方法は?

    Visual Studio 2005を使っております。 再帰を使った関数をデバッグしているのですが、ブレークポイントを指定すると再帰の深いところでブレークしてしまいます。現在実行しているのと同じ再帰のレベルでのみブレークさせるような方法は無いでしょうか? ご存知のかたがいらっしゃったら是非ご教授ください。

  • WinIE5にだけCSSを適用させない方法

    Windows IE5にだけCSSを適用させない方法はないでしょうか? WinIE5にだけ適用させる、という方法はわかったのですが、 この方法だと修正が大変な構造になっているので、WinIE5では CSSをいっさい読み込まないという形にしたいです。 具体的には <link rel="stylesheet" href=".index.css" type="text/css" media="all"> などとして、 index.cssで @import "001.css"; @import "002.css"; などと、複数のCSSファイルを読み込んでいるのですが、 WinIE5にはインポートしないようにしたいです。 よい方法があればお教えてください。よろしくお願いします。

    • ベストアンサー
    • CSS
  • 各ページに対するスタイルの適用方法

    ある程度の規模の企業サイトのようなサイトを作っていると、ヘッダーやフッターなどは同じスタイルだけど、とあるページのとある部分にだけ特別なスタイルを適用させたいということが多々あります。 そういう場合、これまでは全体に適用している外部CSSファイルにスタイルを追加していたのですが、そうするとそのような特別なスタイルを適用させたい部分を含むページが複数ある場合に、個別にユニークなidやclassを設定したあとにCSSに追記していくことになり、後々CSSが肥大化してとても管理しにくくなってしまいます。 HTMLのheadに直に書くとか、CSSファイルを分けるとか色々方法はあると思いますが、プロの方はどうやってCSSを管理しているのかが気になります。どんな形の適用方法が最も効率的なのかも知りたいので、意見を聞かせてください。

    • ベストアンサー
    • CSS
  • ドリームウィーバーで複数のワードに同じCSSを適用

    ドリームウィーバーでホームページ作成をしてるんですが、複数のワードに同じCSSのルールを適用剃る方法はありますか? 例えば 500円 800円 1000円 という文字があるんですがその文字にCSSで赤文字, bold,サイズ18を適用するために1つ1つを反転させ選択して、ルールの編集を1つ1つやっています。 30個ほど値段があるので今後100個200個と増えていったときにまとめて変更したいのですが Ctrl や Shiftをおして選択するみたいな方法はありますか?

  • VS2015 ブレークポイントで編集できない

    Windows10 64bit Visual Studio Express2015 for Windows Desktopで、デバッグ中にブレークポイントで止めて編集できない。 エディットコンティニュを有効にしても以下の現象が出ており、デバッグ中の編集ができません。 1.「ツール」-「オプション」-「デバッグ」-「全般」で、「マネージ互換モード」のチェックを入れると、編集時に「マネージ互換モードは、エディットコンティニュをサポートしません。」となり編集できない。 2.「マネージ互換モード」のチェックを外すと、ブレークポイントで止まらなくなる。 プロジェクトのプロパティで、プラットフォームターゲットをx86、x64、AnyCPUのどれにしても同じ現象 どうすれば編集できるようになるのでしょうか?

  • 各ブラウザにおいて、表示できるCSSとできないCSS

    こんにちは。はじまして。 現在ブログを製作しております。 先日、http://www15.ocn.ne.jp/~mksozai/design/line.html こちらのサイトで、変わったCSSを見つけ早速ブログのデザインに生かしてみようと導入しました。 IEでは問題なく表示されるのですが、Firefoxでは効果が適用されません。。。 そのCSSは filter:alpha(opacity=100,finishopacity=0,style=1); こちらになるのですが、これをIE以外のブラウザにも効果を適用させる方法はないでしょうか? これはIEのみ表示できるCSSだと解釈するべきなのでしょうか? ご存知の方がおられましたら、教えていただけると幸いです。 よろしくおねがいします

    • ベストアンサー
    • HTML
  • FormをWordに貼り付ける方法教えてください!

    こんにちわ。 どなたかVisual Basic 6.0で作成したFormをWordに貼り付ける方法知りませんか? Wordに貼り付けるというか画像として表示したいのです。 JPEGやBMPなどの形式に変換する方法などもできることならば 宜しくおねがいします。

  • ユーザー名・作成者について(Visual Studio)

    Wordファイルなどはプロパティを見ると 概要の欄に作成者として登録してるユーザー名が表示されますが Visual Studioで作ったものも概要の欄があります、ココには何も表示されなかったのですが気になったところが Visual Studioで作ったファイルも調べると作成者がばれる、というか分かるものなのでしょうか? ユーザー名が本名なので…

  • インターネットエクスプローラでCSSが適用されない

    宜しくお願いいたします。 CSSを使ってデザインしたページをwindowsのインターネットエクスプローラ6.0で見ています。 この環境で、家のパソコンではきちんと表示されるのですが 同じ環境(windowsのie6.0)の友人宅のパソコンで見ると、cssが適用されず表示されます。 で、友人宅のパソコンではcssでデザインされているページ全て見れないのか?っと思ったのですが。見た限り他のページはきちんとcss適用されて表示できていました。 これはどういう事なのでしょうか????? CSSの記述がおかしければ、家のパソコンでも乱れてしまうとおもうのですが…同じ環境のパソコンで、見れたり、見れなかったりする事ってどんな原因が考えられるのか、、、詳しい方がいたら教えてください。 宜しくお願いいたします。

  • htmlでダブルクォーテーションを自動改行したい。

    ☆css部分 p.sample {width:150px; background-color:#99cc00; word-break: break-all;} ☆html部分 <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> <p class="sample"> テテキストテキストテキストテキストテキストテ、キストキスト。<br> """"""""""""""""""""""""""""""""""""""""""""""""""""""""""""" text texttexttext texttext text texttext texttexttexttext </p> </body> </html> 上のようなwidthが指定されてる状態で、word-breakを使用したのですが、自動改行がされません。 どうして自動改行されないんしょうか? どなたか教えてください。よろしくおねがいします。

専門家に質問してみよう