2025/11/06 時点の英語版に基づき更新

Author: mfuji09

files/ja/web/css/reference/properties/border-left-color/index.md

@@ -1,9 +1,8 @@
 ---
 title: border-left-color
 slug: Web/CSS/Reference/Properties/border-left-color
-original_slug: Web/CSS/border-left-color
 l10n:
-  sourceCommit: 50c8e290f11b061bbf2267e1a3279f28180a5fcb
+  sourceCommit: f69b6693212029ce4b9fa0c753729044577af548
 ---
 
 **`border-left-color`** は [CSS](/ja/docs/Web/CSS) のプロパティで、要素の左側の[境界線](/ja/docs/Web/CSS/Reference/Properties/border)の色を設定します。一括指定プロパティの {{cssxref("border-color")}} または {{cssxref("border-left")}} でも設定することができます。
@@ -19,11 +18,11 @@ border-left-color: #32a1ce;
 ```
 
 ```css interactive-example-choice
-border-left-color: rgb(170, 50, 220, 0.6);
+border-left-color: rgb(170 50 220 / 0.6);
 ```
 
 ```css interactive-example-choice
-border-left-color: hsl(60, 90%, 50%, 0.8);
+border-left-color: hsl(60 90% 50% / 0.8);
 ```
 
 ```css interactive-example-choice
@@ -33,15 +32,15 @@ border-left-color: transparent;
 ```html interactive-example
 <section class="default-example" id="default-example">
   <div class="transition-all" id="example-element">
-    This is a box with a border around it.
+    これは周囲に境界線があるボックスです。
   </div>
 </section>
 ```
 
 ```css interactive-example
 #example-element {
-  background-color: #eee;
-  color: #000;
+  background-color: #eeeeee;
+  color: black;
   border: 0.75em solid;
   padding: 0.75em;
   width: 80%;
@@ -57,7 +56,7 @@ border-left-color: red;
 border-left-color: #ffbb00;
 border-left-color: rgb(255 0 0);
 border-left-color: hsl(100deg 50% 25% / 75%);
-border-left-color: currentcolor;
+border-left-color: currentColor;
 border-left-color: transparent;
 
 /* グローバル値 */
@@ -85,11 +84,11 @@ border-left-color: unset;
 
 ## 例
 
-### 境界線が付いた単純な div
+### 境界線が付いた div
 
 #### HTML
 
-```html-nolint live-sample___a_simple_div_with_a_border
+```html-nolint
 <div class="my-box">
   <p>
     これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="red-text">赤</span>になっています。
@@ -99,7 +98,7 @@ border-left-color: unset;
 
 #### CSS
 
-```css live-sample___a_simple_div_with_a_border
+```css
 .my-box {
   border: solid 0.3em gold;
   border-left-color: red;
@@ -113,7 +112,7 @@ border-left-color: unset;
 
 #### 結果
 
-{{EmbedLiveSample('A_simple_div_with_a_border')}}
+{{EmbedLiveSample('境界線が付いた div')}}
 
 ## 仕様書
 
@@ -128,4 +127,4 @@ border-left-color: unset;
 - 境界に関する CSS 一括指定プロパティ: {{cssxref("border")}}, {{cssxref("border-left")}}, {{cssxref("border-color")}}.
 - 他の境界線の色に関する CSS プロパティ: {{cssxref("border-right-color")}}, {{cssxref("border-bottom-color")}}, {{cssxref("border-top-color")}}
 - 同じ境界に適用される他の境界関連の CSS プロパティ: {{cssxref("border-left-style")}}, {{cssxref("border-left-width")}}
-- 既定値の [`currentcolor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値
+- 既定値の [`currentColor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値

files/ja/web/css/reference/properties/border-right-color/index.md

@@ -1,9 +1,8 @@
 ---
 title: border-right-color
 slug: Web/CSS/Reference/Properties/border-right-color
-original_slug: Web/CSS/border-right-color
 l10n:
-  sourceCommit: 50c8e290f11b061bbf2267e1a3279f28180a5fcb
+  sourceCommit: f69b6693212029ce4b9fa0c753729044577af548
 ---
 
 **`border-right-color`** は CSS のプロパティで、要素の右側の[境界線](/ja/docs/Web/CSS/Reference/Properties/border)の色を設定します。一括指定プロパティの {{cssxref("border-color")}} または {{cssxref("border-right")}} でも設定することができます。
@@ -19,11 +18,11 @@ border-right-color: #32a1ce;
 ```
 
 ```css interactive-example-choice
-border-right-color: rgb(170, 50, 220, 0.6);
+border-right-color: rgb(170 50 220 / 0.6);
 ```
 
 ```css interactive-example-choice
-border-right-color: hsl(60, 90%, 50%, 0.8);
+border-right-color: hsl(60 90% 50% / 0.8);
 ```
 
 ```css interactive-example-choice
@@ -33,15 +32,15 @@ border-right-color: transparent;
 ```html interactive-example
 <section class="default-example" id="default-example">
   <div class="transition-all" id="example-element">
-    This is a box with a border around it.
+    これは周囲に境界線があるボックスです。
   </div>
 </section>
 ```
 
 ```css interactive-example
 #example-element {
-  background-color: #eee;
-  color: #000;
+  background-color: #eeeeee;
+  color: black;
   border: 0.75em solid;
   padding: 0.75em;
   width: 80%;
@@ -57,7 +56,7 @@ border-right-color: red;
 border-right-color: #ffbb00;
 border-right-color: rgb(255 0 0);
 border-right-color: hsl(100deg 50% 25% / 75%);
-border-right-color: currentcolor;
+border-right-color: currentColor;
 border-right-color: transparent;
 
 /* グローバル値 */
@@ -85,11 +84,11 @@ border-right-color: unset;
 
 ## 例
 
-### 境界線が付いた単純な div
+### 境界線が付いた div
 
 #### HTML
 
-```html-nolint live-sample___a_simple_div_with_a_border
+```html-nolint
 <div class="my-box">
   <p>
     これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="red-text">赤</span>になっています。
@@ -99,7 +98,7 @@ border-right-color: unset;
 
 #### CSS
 
-```css live-sample___a_simple_div_with_a_border
+```css
 .my-box {
   border: solid 0.3em gold;
   border-right-color: red;
@@ -113,7 +112,7 @@ border-right-color: unset;
 
 #### 結果
 
-{{EmbedLiveSample('A_simple_div_with_a_border')}}
+{{EmbedLiveSample('境界線が付いた div')}}
 
 ## 仕様書
 
@@ -128,4 +127,4 @@ border-right-color: unset;
 - 境界に関する CSS 一括指定プロパティ: {{cssxref("border")}}, {{cssxref("border-right")}}, {{cssxref("border-color")}}
 - 他の境界線の色に関する CSS プロパティ: {{cssxref("border-left-color")}}, {{cssxref("border-bottom-color")}}, {{cssxref("border-top-color")}}
 - 同じ境界に適用される他の境界関連の CSS プロパティ: {{cssxref("border-right-style")}}, {{cssxref("border-right-width")}}
-- 既定値の [`currentcolor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値
+- 既定値の [`currentColor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値

files/ja/web/css/reference/properties/border-top-color/index.md

@@ -1,9 +1,8 @@
 ---
 title: border-top-color
 slug: Web/CSS/Reference/Properties/border-top-color
-original_slug: Web/CSS/border-top-color
 l10n:
-  sourceCommit: 50c8e290f11b061bbf2267e1a3279f28180a5fcb
+  sourceCommit: f69b6693212029ce4b9fa0c753729044577af548
 ---
 
 **`border-top-color`** は [CSS](/ja/docs/Web/CSS) のプロパティで、要素の上側の[境界線](/ja/docs/Web/CSS/Reference/Properties/border)の色を設定します。一括指定プロパティの {{cssxref("border-color")}} または {{cssxref("border-top")}} でも設定することができます。
@@ -19,11 +18,11 @@ border-top-color: #32a1ce;
 ```
 
 ```css interactive-example-choice
-border-top-color: rgb(170, 50, 220, 0.6);
+border-top-color: rgb(170 50 220 / 0.6);
 ```
 
 ```css interactive-example-choice
-border-top-color: hsl(60, 90%, 50%, 0.8);
+border-top-color: hsl(60 90% 50% / 0.8);
 ```
 
 ```css interactive-example-choice
@@ -40,8 +39,8 @@ border-top-color: transparent;
 
 ```css interactive-example
 #example-element {
-  background-color: #eee;
-  color: #000;
+  background-color: #eeeeee;
+  color: black;
   border: 0.75em solid;
   padding: 0.75em;
   width: 80%;
@@ -57,7 +56,7 @@ border-top-color: red;
 border-top-color: #ffbb00;
 border-top-color: rgb(255 0 0);
 border-top-color: hsl(100deg 50% 25% / 75%);
-border-top-color: currentcolor;
+border-top-color: currentColor;
 border-top-color: transparent;
 
 /* グローバル値 */
@@ -85,11 +84,11 @@ border-top-color: unset;
 
 ## 例
 
-### 境界線が付いた単純な div
+### 境界線が付いた div
 
 #### HTML
 
-```html-nolint live-sample___a_simple_div_with_a_border
+```html-nolint
 <div class="my-box">
   <p>
     これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="red-text">赤</span>になっています。
@@ -99,7 +98,7 @@ border-top-color: unset;
 
 #### CSS
 
-```css live-sample___a_simple_div_with_a_border
+```css
 .my-box {
   border: solid 0.3em gold;
   border-top-color: red;
@@ -113,7 +112,7 @@ border-top-color: unset;
 
 #### 結果
 
-{{EmbedLiveSample('A_simple_div_with_a_border')}}
+{{EmbedLiveSample('境界線が付いた div')}}
 
 ## 仕様書
 
@@ -128,4 +127,4 @@ border-top-color: unset;
 - 境界に関する CSS 一括指定プロパティ: {{cssxref("border")}}, {{cssxref("border-top")}}, {{cssxref("border-color")}}.
 - 他の境界線の色に関する CSS プロパティ: {{cssxref("border-right-color")}}, {{cssxref("border-bottom-color")}}, {{cssxref("border-left-color")}}
 - 同じ境界線に適用される他の境界関連の CSS プロパティ: {{cssxref("border-top-style")}}, {{cssxref("border-top-width")}}
-- 既定値の [`currentcolor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値
+- 既定値の [`currentColor`](/ja/docs/Web/CSS/Reference/Values/color_value#currentcolor_keyword) カラー値