From b8899e350326af3e53dfad89747761c1c13a3915 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Tue, 14 Sep 2021 11:06:51 +0900 Subject: Learn 以下の文書内のリンクURLを正規化 (#2356) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - /en-US へのリンクを /ja へのリンクに修正 - /ja が付いていないものに /ja を付加 - MDN内のリンクが完全URLの場合、 /ja/docs からのURLに修正 --- .../backgrounds_and_borders/index.html | 4 +- .../cascade_and_inheritance/index.html | 4 +- .../css/building_blocks/debugging_css/index.html | 2 +- .../handling_different_text_directions/index.html | 2 +- .../images_media_form_elements/index.html | 2 +- .../css/building_blocks/organizing/index.html | 2 +- .../building_blocks/overflowing_content/index.html | 4 +- .../selectors/combinators/index.html | 4 +- .../learn/css/building_blocks/selectors/index.html | 2 +- .../pseudo-classes_and_pseudo-elements/index.html | 60 +++++++++++----------- .../type_class_and_id_selectors/index.html | 2 +- .../building_blocks/sizing_items_in_css/index.html | 2 +- .../building_blocks/values_and_units/index.html | 2 +- .../learn/css/css_layout/media_queries/index.html | 6 +-- .../supporting_older_browsers/index.html | 2 +- .../css/first_steps/getting_started/index.html | 2 +- .../first_steps/how_css_is_structured/index.html | 2 +- .../learn/css/first_steps/how_css_works/index.html | 2 +- files/ja/learn/css/first_steps/index.html | 6 +-- .../using_your_new_knowledge/index.html | 2 +- .../learn/css/first_steps/what_is_css/index.html | 2 +- files/ja/learn/css/howto/css_faq/index.html | 2 +- files/ja/learn/css/index.html | 12 ++--- files/ja/learn/css/styling_text/index.html | 10 ++-- .../css/styling_text/styling_lists/index.html | 2 +- 25 files changed, 71 insertions(+), 71 deletions(-) (limited to 'files/ja/learn/css') diff --git a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html index f0883a265c..485c7b0d6a 100644 --- a/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html +++ b/files/ja/learn/css/building_blocks/backgrounds_and_borders/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: @@ -45,7 +45,7 @@ translation_of: Learn/CSS/Building_blocks/Backgrounds_and_borders

背景色

-

 {{cssxref("background-color")}} プロパティは、要素の背景色を定義します。このプロパティは、有効な<color>値を受け入れます。background-colorは、要素の Content box, Padding box の範囲でコンテンツの下に広がります。

+

 {{cssxref("background-color")}} プロパティは、要素の背景色を定義します。このプロパティは、有効な<color>値を受け入れます。background-colorは、要素の Content box, Padding box の範囲でコンテンツの下に広がります。

次の例では、さまざまな色の値値を使用して、ボックス(.box)、見出し(h2)、および {{htmlelement("span")}} 要素に背景色を指定しています。

diff --git a/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html b/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html index 324308ee1f..a8285aa680 100644 --- a/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html +++ b/files/ja/learn/css/building_blocks/cascade_and_inheritance/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: @@ -302,7 +302,7 @@ translation_of: Learn/CSS/Building_blocks/Cascade_and_inheritance

スキルをテストしよう!

-

この記事で多くを網羅しましたが、最も重要な情報を覚えていますか？次に移る前に、この情報を保持しているかを検証するテストがあります — Test your skills: the Cascadeを見てください。

+

この記事で多くを網羅しましたが、最も重要な情報を覚えていますか？次に移る前に、この情報を保持しているかを検証するテストがあります — Test your skills: the Cascadeを見てください。

次のステップ

diff --git a/files/ja/learn/css/building_blocks/debugging_css/index.html b/files/ja/learn/css/building_blocks/debugging_css/index.html index a66917e645..7df0fa407d 100644 --- a/files/ja/learn/css/building_blocks/debugging_css/index.html +++ b/files/ja/learn/css/building_blocks/debugging_css/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Debugging_CSS 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html b/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html index e0d2961d20..af0f9f0823 100644 --- a/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html +++ b/files/ja/learn/css/building_blocks/handling_different_text_directions/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Handling_different_text_directions 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/images_media_form_elements/index.html b/files/ja/learn/css/building_blocks/images_media_form_elements/index.html index f21577f7d5..bd3fa8d358 100644 --- a/files/ja/learn/css/building_blocks/images_media_form_elements/index.html +++ b/files/ja/learn/css/building_blocks/images_media_form_elements/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/Building_blocks/Images_media_form_elements 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/organizing/index.html b/files/ja/learn/css/building_blocks/organizing/index.html index f1508b0edb..c199105dd3 100644 --- a/files/ja/learn/css/building_blocks/organizing/index.html +++ b/files/ja/learn/css/building_blocks/organizing/index.html @@ -23,7 +23,7 @@ translation_of: Learn/CSS/Building_blocks/Organizing 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/overflowing_content/index.html b/files/ja/learn/css/building_blocks/overflowing_content/index.html index 06bc30293c..52a6a71046 100644 --- a/files/ja/learn/css/building_blocks/overflowing_content/index.html +++ b/files/ja/learn/css/building_blocks/overflowing_content/index.html @@ -18,7 +18,7 @@ translation_of: Learn/CSS/Building_blocks/Overflowing_content 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: @@ -99,7 +99,7 @@ translation_of: Learn/CSS/Building_blocks/Overflowing_content

あなたのスキルをテストしてみてください!

-

このレッスンで吸収すべきことはたくさんあります！ あなたは最も重要な情報を覚えていますか？ あなたの理解度を確認するには、Test your skills: overflow を参照してください。

+

このレッスンで吸収すべきことはたくさんあります！ あなたは最も重要な情報を覚えていますか？ あなたの理解度を確認するには、Test your skills: overflow を参照してください。

まとめ

diff --git a/files/ja/learn/css/building_blocks/selectors/combinators/index.html b/files/ja/learn/css/building_blocks/selectors/combinators/index.html index 309d54b4cc..1daad128ee 100644 --- a/files/ja/learn/css/building_blocks/selectors/combinators/index.html +++ b/files/ja/learn/css/building_blocks/selectors/combinators/index.html @@ -17,7 +17,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Combinators 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: @@ -85,7 +85,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Combinators

あなたのスキルをテストしてみてください!

-

この記事では多くのことを取り上げましたが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - あなたのスキルをテストするを参照してください。Test your skills: Selectors を参照してください。

+

この記事では多くのことを取り上げましたが、最も重要な情報を覚えていますか？先に進む前に、この情報を保持しているかどうかを確認するためのテストがいくつかあります - あなたのスキルをテストするを参照してください。Test your skills: Selectors を参照してください。

先へ

diff --git a/files/ja/learn/css/building_blocks/selectors/index.html b/files/ja/learn/css/building_blocks/selectors/index.html index 4ca0ff88db..2d861d36fa 100644 --- a/files/ja/learn/css/building_blocks/selectors/index.html +++ b/files/ja/learn/css/building_blocks/selectors/index.html @@ -20,7 +20,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本 (HTML 入門) および CSS に関するアイデア (CSS の第一歩) に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本 (HTML 入門) および CSS に関するアイデア (CSS の第一歩) に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html b/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html index ea84d45c2b..18f1be6cc0 100644 --- a/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html +++ b/files/ja/learn/css/building_blocks/selectors/pseudo-classes_and_pseudo-elements/index.html @@ -11,7 +11,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el 前提条件： - 基本的なコンピュータリテラシー、インストールされている基本的なソフトウェア、ファイルの操作に関する基本的な知識、HTMLの基本（HTMLの概要を学ぶ）、CSSのしくみ（CSSの最初のステップを学ぶ）。 + 基本的なコンピュータリテラシー、インストールされている基本的なソフトウェア、ファイルの操作に関する基本的な知識、HTMLの基本（HTMLの概要を学ぶ）、CSSのしくみ（CSSの最初のステップを学ぶ）。 目的： @@ -41,9 +41,9 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el

すべての疑似クラスは、この同じ方法で動作します。特定の状態にあるドキュメントの一部をターゲットにして、HTMLにクラスを追加したかのように動作します。MDNの他の例をいくつか見てみましょう。

ユーザーアクション疑似クラス

@@ -51,8 +51,8 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el

一部の疑似クラスは、ユーザーが何らかの方法でドキュメントを操作したときにのみ適用されます。これらのユーザーアクションの疑似クラスは、動的疑似クラスと呼ばれることもあり、ユーザーが要素を操作したときに、要素にクラスが追加されたかのように動作します。例は次のとおりです。

{{EmbedGHLiveSample("css-examples/learn/selectors/hover.html", '100%', 500)}}

@@ -88,7 +88,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el

:: beforeおよび:: afterを使用したコンテンツの生成

-

CSSを使用してコンテンツをドキュメントに挿入するための content プロパティと共に使用される特別な疑似要素がいくつかあります。

+

CSSを使用してコンテンツをドキュメントに挿入するための content プロパティと共に使用される特別な疑似要素がいくつかあります。

以下のライブ例のように、これらを使用してテキストの文字列を挿入できます。{{cssxref("content")}} プロパティのテキスト値を変更してみて、出力でそれを確認してください。 ::before 疑似要素を ::after に変更して、要素の最初ではなく最後に挿入されたテキストを表示することもできます。

@@ -132,7 +132,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":blank")}} - 入力値が空の<input> 要素に一致します。 + 入力値が空の<input> 要素に一致します。 {{cssxref(":checked")}} @@ -148,7 +148,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":dir")}} - 方向性（HTML dir 属性またはCSS direction プロパティの値）に基づいて要素を選択します。 + 方向性（HTML dir 属性またはCSS direction プロパティの値）に基づいて要素を選択します。 {{cssxref(":disabled")}} @@ -164,7 +164,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":first")}} - ページ媒体では、最初のページと一致します。 + ページ媒体では、最初のページと一致します。 {{cssxref(":first-child")}} @@ -196,7 +196,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":indeterminate")}} - 値が不確定な状態のUI要素、通常はチェックボックスに一致します。 + 値が不確定な状態のUI要素、通常はチェックボックスに一致します。 {{cssxref(":in-range")}} @@ -208,7 +208,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":lang")}} - 言語（HTML lang属性の値）に基づいて要素を照合します。 + 言語（HTML lang属性の値）に基づいて要素を照合します。 {{cssxref(":last-child")}} @@ -220,7 +220,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":left")}} - ページ媒体では、左側のページと一致します。 + ページ媒体では、左側のページと一致します。 {{cssxref(":link")}} @@ -300,7 +300,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el {{cssxref(":right")}} - ページ媒体では、右側のページに一致します。 + ページ媒体では、右側のページに一致します。 {{cssxref(":root")}} @@ -375,23 +375,23 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-el

このモジュールでは

    -
  1. カスケードと継承
    2. -
  2. CSSセレクター +
  3. カスケードと継承
    4. +
  4. CSSセレクター
    5. -
  5. ボックスモデル
    6. -
  6. 背景と枠線
    7. -
  7. 異なるテキスト方向の処理
    8. -
  8. あふれるコンテンツ
    9. -
  9. 値と単位
    10. -
  10. CSSでのアイテムのサイズ変更
    11. -
  11. 画像、メディア、フォーム要素
    12. -
  12. スタイリングテーブル
    13. -
  13. CSSのデバッグ
    14. -
  14. CSSの整理
    15. +
  15. ボックスモデル
    16. +
  16. 背景と枠線
    17. +
  17. 異なるテキスト方向の処理
    18. +
  18. あふれるコンテンツ
    19. +
  19. 値と単位
    20. +
  20. CSSでのアイテムのサイズ変更
    21. +
  21. 画像、メディア、フォーム要素
    22. +
  22. スタイリングテーブル
    23. +
  23. CSSのデバッグ
    24. +
  24. CSSの整理
diff --git a/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html b/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html index 8f1bbbfaad..1d5f42f94b 100644 --- a/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html +++ b/files/ja/learn/css/building_blocks/selectors/type_class_and_id_selectors/index.html @@ -20,7 +20,7 @@ translation_of: Learn/CSS/Building_blocks/Selectors/Type_Class_and_ID_Selectors 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html b/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html index 80909093b3..37e1e4912e 100644 --- a/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html +++ b/files/ja/learn/css/building_blocks/sizing_items_in_css/index.html @@ -21,7 +21,7 @@ translation_of: Learn/CSS/Building_blocks/Sizing_items_in_CSS 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS に関するアイデア（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/building_blocks/values_and_units/index.html b/files/ja/learn/css/building_blocks/values_and_units/index.html index 52afc03922..0e398e2d64 100644 --- a/files/ja/learn/css/building_blocks/values_and_units/index.html +++ b/files/ja/learn/css/building_blocks/values_and_units/index.html @@ -24,7 +24,7 @@ translation_of: Learn/CSS/Building_blocks/Values_and_units 前提条件: - 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS の動作概念（CSS の第一歩）に関する基本的な知識を得ている。 + 基本的なコンピューターリテラシー、基本的なソフトウェアがインストールされていること、ファイルの扱い、HTML の基本（HTML 入門）および CSS の動作概念（CSS の第一歩）に関する基本的な知識を得ている。 目的: diff --git a/files/ja/learn/css/css_layout/media_queries/index.html b/files/ja/learn/css/css_layout/media_queries/index.html index 6cfb1366b1..f1e90c3f90 100644 --- a/files/ja/learn/css/css_layout/media_queries/index.html +++ b/files/ja/learn/css/css_layout/media_queries/index.html @@ -358,13 +358,13 @@ article { 
<meta name="viewport" content="width=device-width,initial-scale=1">
-

This is the viewport meta tag — it exists as a way control how mobile browsers render content. This is needed because by default, most mobile browsers lie about their viewport width. Non-responsive sites commonly look really bad when rendered in a narrow viewport, so mobile browsers usually render the site with a viewport width wider than the real device width by default (usually 960 pixels), and then shrink the rendered result so that it fits in the display.

+

This is the viewport meta tag — it exists as a way control how mobile browsers render content. This is needed because by default, most mobile browsers lie about their viewport width. Non-responsive sites commonly look really bad when rendered in a narrow viewport, so mobile browsers usually render the site with a viewport width wider than the real device width by default (usually 960 pixels), and then shrink the rendered result so that it fits in the display.

This is all well and good, but it means that responsive sites are not going to work as expected. If the viewport width is reported as 960 pixels, then mobile layouts (for example created using a media query of @media screen and (max-width: 600px) { ... }) are not going to render as expected.

To remedy this, including a viewport meta tag like the one above on your page tells the browser "don't render the content with a 960 pixel viewport — render it using the real device width instead, and set a default initial scale level for better consistency." The media queries will then kick in as expected.

-

There are a number of other options you can put inside the content attribute of the viewport meta tag — see Using the viewport meta tag to control layout on mobile browsers for more details.

+

There are a number of other options you can put inside the content attribute of the viewport meta tag — see Using the viewport meta tag to control layout on mobile browsers for more details.

メディアクエリーが本当に必要ですか？

@@ -415,7 +415,7 @@ article {

Test your skills!

-

You've reached the end of this article, but can you remember the most important information? You can find a test to verify that you've retained this information before you move on — see Test your skills: Responsive Web Design.

+

You've reached the end of this article, but can you remember the most important information? You can find a test to verify that you've retained this information before you move on — see Test your skills: Responsive Web Design.

まとめ

diff --git a/files/ja/learn/css/css_layout/supporting_older_browsers/index.html b/files/ja/learn/css/css_layout/supporting_older_browsers/index.html index 93feda2cf0..ffb678ca38 100644 --- a/files/ja/learn/css/css_layout/supporting_older_browsers/index.html +++ b/files/ja/learn/css/css_layout/supporting_older_browsers/index.html @@ -207,7 +207,7 @@ translation_of: Learn/CSS/CSS_layout/Supporting_Older_Browsers

古いブラウザーをテストする

-

フレックスボックスとグリッドをサポートしているブラウザーの大多数では、古いブラウザーをテストするのはかなり難しいかもしれません。 1つの方法は、クロスブラウザーテストのモジュールに詳述されているように、Sauce Labs のようなオンラインテストツールを使うことです。

+

フレックスボックスとグリッドをサポートしているブラウザーの大多数では、古いブラウザーをテストするのはかなり難しいかもしれません。 1つの方法は、クロスブラウザーテストのモジュールに詳述されているように、Sauce Labs のようなオンラインテストツールを使うことです。

また、仮想マシンをダウンロードしてインストールし、自分のコンピュータ上の封じ込められた環境で古いバージョンのブラウザーを実行することもできます。 古いバージョンの Internet Explorer にアクセスできることは特に便利で、そのために、マイクロソフトはさまざまな仮想マシンを無料でダウンロード（英語）できるようにしました。 これらは、Mac、Windows、Linux の各オペレーティングシステムで利用可能で、Windows コンピュータを使用していなくても、古い Windows ブラウザーや最新の Windows ブラウザーでテストするのに最適な方法です。

diff --git a/files/ja/learn/css/first_steps/getting_started/index.html b/files/ja/learn/css/first_steps/getting_started/index.html index e11d48443c..54cd8436cf 100644 --- a/files/ja/learn/css/first_steps/getting_started/index.html +++ b/files/ja/learn/css/first_steps/getting_started/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/First_steps/Getting_started 前提条件: - 基本的なコンピューターリテラシー、ソフトウェアのインストール、ファイルの働き方についての基本的な知識、HTML の基本 (HTML序論を学んでいること。) + 基本的なコンピューターリテラシー、ソフトウェアのインストール、ファイルの働き方についての基本的な知識、HTML の基本 (HTML序論を学んでいること。) 目的: diff --git a/files/ja/learn/css/first_steps/how_css_is_structured/index.html b/files/ja/learn/css/first_steps/how_css_is_structured/index.html index a9e2ae7130..a842228e13 100644 --- a/files/ja/learn/css/first_steps/how_css_is_structured/index.html +++ b/files/ja/learn/css/first_steps/how_css_is_structured/index.html @@ -324,7 +324,7 @@ p {

アット規則

-

CSS のアット規則 は、 CSS が実行すること、またはそれがどのように動作するべきかの指示を提供します。いくつかのアット規則は、キーワードと値だけのシンプルなものです。例えば、 @import はスタイルシートを別の CSS スタイルシートにインポートします。

+

CSS のアット規則 は、 CSS が実行すること、またはそれがどのように動作するべきかの指示を提供します。いくつかのアット規則は、キーワードと値だけのシンプルなものです。例えば、 @import はスタイルシートを別の CSS スタイルシートにインポートします。

@import 'styles2.css';
diff --git a/files/ja/learn/css/first_steps/how_css_works/index.html b/files/ja/learn/css/first_steps/how_css_works/index.html index 6044a3c29a..25179efb6b 100644 --- a/files/ja/learn/css/first_steps/how_css_works/index.html +++ b/files/ja/learn/css/first_steps/how_css_works/index.html @@ -17,7 +17,7 @@ translation_of: Learn/CSS/First_steps/How_CSS_works 前提条件: - 基本的なコンピューターリテラシー、 基本的なソフトウェアがインストールされていること、ファイルの操作方法についての基本的な知識、HTML の基本 (HTML 概論を学習のこと)。 + 基本的なコンピューターリテラシー、 基本的なソフトウェアがインストールされていること、ファイルの操作方法についての基本的な知識、HTML の基本 (HTML 概論を学習のこと)。 目的: diff --git a/files/ja/learn/css/first_steps/index.html b/files/ja/learn/css/first_steps/index.html index c0042ea515..b22dc4d0dd 100644 --- a/files/ja/learn/css/first_steps/index.html +++ b/files/ja/learn/css/first_steps/index.html @@ -19,7 +19,7 @@ translation_of: Learn/CSS/First_steps

ゴールに向かって頑張るために必要な情報をまとめたコースをご用意しました。

-

始める

+

始める

前提条件

@@ -28,7 +28,7 @@ translation_of: Learn/CSS/First_steps
  1. コンピューターの使い方と (ウェブを見たりコンテンツを消費したりといった)ウェブの受動的な使い方に関する基本的な知識に慣れ親しんでいること。
    2. -
  2. 基本的なソフトウェアのインストールで説明されている基本的な作業環境と、ファイルの扱い方で説明されているファイルの作り方や管理の仕方について理解していること。
    3. +
  3. 基本的なソフトウェアのインストールで説明されている基本的な作業環境と、ファイルの扱い方で説明されているファイルの作り方や管理の仕方について理解していること。
  4. HTML 入門で説明されている HTML についての基礎知識に慣れ親しんでいること。
@@ -41,7 +41,7 @@ translation_of: Learn/CSS/First_steps

このモジュールには、CSS についてすべての基本的なことがらと、いくつかのスキルをテストできる次の記事が含まれています。

-
CSS とは何か？
+
CSS とは何か？
{{Glossary("CSS")}} (Cascading Style Sheets; カスケーティングスタイルシート) は見栄えのよいウェブページを作ることができますが、背後ではどのように動いているのでしょうか？この記事では CSS について、簡単なコードの例とこの言語の主要な項目を説明します。
CSS 入門
この記事では、簡単な HTML コードに CSS を適用させ、その過程でこの言語についての実用的なことを学びます。
diff --git a/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html b/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html index 05d56a0fb1..c1b3a1c889 100644 --- a/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html +++ b/files/ja/learn/css/first_steps/using_your_new_knowledge/index.html @@ -16,7 +16,7 @@ translation_of: Learn/CSS/First_steps/Using_your_new_knowledge 前提条件: - 基礎コンピューターリテラシー、基本的なソフトウェアのインストール、ファイル操作の基礎知識 HTML の基礎 (HTML の入門で学ぶ)、CSS の基礎(このモジュールの残り) + 基礎コンピューターリテラシー、基本的なソフトウェアのインストール、ファイル操作の基礎知識 HTML の基礎 (HTML の入門で学ぶ)、CSS の基礎(このモジュールの残り) 目的: diff --git a/files/ja/learn/css/first_steps/what_is_css/index.html b/files/ja/learn/css/first_steps/what_is_css/index.html index 0d7d6f3cd3..0a2665c9c3 100644 --- a/files/ja/learn/css/first_steps/what_is_css/index.html +++ b/files/ja/learn/css/first_steps/what_is_css/index.html @@ -22,7 +22,7 @@ translation_of: Learn/CSS/First_steps/What_is_CSS 前提条件: -

基本的なコンピューターリテラシー、 基本的なソフトウェアがインストールされていること、ファイルの操作方法についての基本的な知識、HTML の基本 (HTML概論を学習のこと)。

+

基本的なコンピューターリテラシー、 基本的なソフトウェアがインストールされていること、ファイルの操作方法についての基本的な知識、HTML の基本 (HTML概論を学習のこと)。

diff --git a/files/ja/learn/css/howto/css_faq/index.html b/files/ja/learn/css/howto/css_faq/index.html index fd76929d99..b7be110d8c 100644 --- a/files/ja/learn/css/howto/css_faq/index.html +++ b/files/ja/learn/css/howto/css_faq/index.html @@ -73,7 +73,7 @@ original_slug: Web/CSS/Common_CSS_Questions
-

注: 詳しくは Selectors もご覧ください。

+

注: 詳しくは Selectors もご覧ください。

プロパティの既定値に戻すにはどうすればよいのか?

diff --git a/files/ja/learn/css/index.html b/files/ja/learn/css/index.html index 9c04c66285..100165c81f 100644 --- a/files/ja/learn/css/index.html +++ b/files/ja/learn/css/index.html @@ -27,19 +27,19 @@ translation_of: Learn/CSS

学習の道のり

-

CSS に挑戦する前に HTML の基礎を学習しておくべきです。まず、HTML 入門 に取り組むことを推奨します — その後に、以下のことについて学んでください:

+

CSS に挑戦する前に HTML の基礎を学習しておくべきです。まず、HTML 入門 に取り組むことを推奨します — その後に、以下のことについて学んでください:

HTML の基本のキが理解できたら、HTML と CSS の 2 つのトピックスを行き来しながらふたつを同時に学習することを推奨します。なぜなら、CSS を理解すると HTML を勉強するのが更に興味深くまたもっと楽しくなり、また HTML を知ることなくして CSS を学習することはできないからです。

-

またこのトピックを開始する前に、コンピューターの基本的な使い方と、ウェブを受動的に使用すること (つまり、ウェブコンテンツを消費すること) に慣れている必要があります。 基本的なソフトウェアをインストールする に詳しく書かれているような基本的な環境を持っており、 ファイルの扱い に詳しく書かれているようなファイルの作成・管理方法を理解している必要があります — なおこれらについては初心者向けの記事集であるウェブ入門のなかに入っています。

+

またこのトピックを開始する前に、コンピューターの基本的な使い方と、ウェブを受動的に使用すること (つまり、ウェブコンテンツを消費すること) に慣れている必要があります。 基本的なソフトウェアをインストールする に詳しく書かれているような基本的な環境を持っており、 ファイルの扱い に詳しく書かれているようなファイルの作成・管理方法を理解している必要があります — なおこれらについては初心者向けの記事集であるウェブ入門のなかに入っています。

-

このトピックに取り組む前に ウェブ入門 を読むと良いでしょう。ただ、このウェブ入門のなかのCSS basicsの記事で紹介されていることの多くは、CSS 入門 でもカバーされているのでこれは必須ではありません。

+

このトピックに取り組む前に ウェブ入門 を読むと良いでしょう。ただ、このウェブ入門のなかのCSS basicsの記事で紹介されていることの多くは、CSS 入門 でもカバーされているのでこれは必須ではありません。

モジュール

diff --git a/files/ja/learn/css/styling_text/index.html b/files/ja/learn/css/styling_text/index.html index 6bcfb0a722..91e37dca31 100644 --- a/files/ja/learn/css/styling_text/index.html +++ b/files/ja/learn/css/styling_text/index.html @@ -35,13 +35,13 @@ translation_of: Learn/CSS/Styling_text

このモジュールには以下の記事が含まれていて、HTML のテキストコンテンツの装飾の背後にあるすべての重要事項を説明しています。

-
基本的なテキストとフォントの装飾
+
基本的なテキストとフォントの装飾
この記事では、フォントの太さ、ファミリーとスタイル、フォントの一括指定、テキストの配置とその他のエフェクト、ラインと文字の間隔の設定など、テキストとフォントの装飾のすべての基本について詳しく説明します。
-
リストの装飾
+
リストの装飾
リストは他のテキストとほとんど同じようにふるまいますが、知っておくべきリスト固有の CSS プロパティと、考慮すべきベストプラクティスがいくつかあります。この記事はすべてを説明しています。
-
リンクの装飾
+
リンクの装飾
リンクを装飾するときは、擬似クラスを使用してリンク状態を効果的に装飾する方法と、ナビゲーションメニューやタブなどの一般的なさまざまなインターフェイス機能で使用するためのリンクの装飾方法を理解することが重要です。この記事では、これらすべてのトピックを見ていきます。
-
ウェブフォント
+
ウェブフォント
ここでは、ウェブフォントを詳しく探ります — これらを使用すると、ウェブページと一緒にカスタムフォントをダウンロードすることを可能にして、より多様でカスタムなテキストの装飾を可能にします。
@@ -50,6 +50,6 @@ translation_of: Learn/CSS/Styling_text

以下の評価では、上記のガイドで説明されているテキストの装飾のテクニックについての理解をテストします。

-
コミュニティスクールのホームページの組版
+
コミュニティスクールのホームページの組版
この評価では、コミュニティスクールのホームページのテキストを装飾してもらい、テキストの装飾についての理解をテストします。
diff --git a/files/ja/learn/css/styling_text/styling_lists/index.html b/files/ja/learn/css/styling_text/styling_lists/index.html index 3a0ea57b6f..3df18d08fd 100644 --- a/files/ja/learn/css/styling_text/styling_lists/index.html +++ b/files/ja/learn/css/styling_text/styling_lists/index.html @@ -175,7 +175,7 @@ dt { list-style-image: url(star.svg); } -

ただし、このプロパティは、行頭記号の位置、サイズなどを制御するという点では少し制限があります。 {{cssxref("background")}} プロパティファミリーを使用するほうが得策です。 これについては、ボックスの装飾モジュールで詳しく説明します。とりあえず、その例をご紹介しましょう。

+

ただし、このプロパティは、行頭記号の位置、サイズなどを制御するという点では少し制限があります。 {{cssxref("background")}} プロパティファミリーを使用するほうが得策です。 これについては、ボックスの装飾モジュールで詳しく説明します。とりあえず、その例をご紹介しましょう。

完成した例では、 (既に上で見たものの上に) 次のように順序なしリストを装飾しました。

-- cgit v1.2.3-54-g00ecf