2024/10/22 時点の英語版に基づき更新

mdn · Dec 20, 2024 · 8b1a81f · 8b1a81f
1 parent cfb287c
commit 8b1a81f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 17 deletions.
diff --git a/files/ja/web/css/border-right-color/index.md b/files/ja/web/css/border-right-color/index.md
@@ -2,7 +2,7 @@
 title: border-right-color
 slug: Web/CSS/border-right-color
 l10n:
-  sourceCommit: 1c4eb0bfb5f72a26fcc21a83fac91aa3e66c2fb8
+  sourceCommit: 50c8e290f11b061bbf2267e1a3279f28180a5fcb
 ---
 
 {{CSSRef}}
@@ -51,31 +51,31 @@ border-right-color: unset;
 
 #### HTML
 
-```html-nolint
-<div class="mybox">
+```html-nolint live-sample___a_simple_div_with_a_border
+<div class="my-box">
   <p>
-    これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="redtext">赤</span>になっています。
+    これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="red-text">赤</span>になっています。
   </p>
 </div>
 ```
 
 #### CSS
 
-```css
-.mybox {
+```css live-sample___a_simple_div_with_a_border
+.my-box {
   border: solid 0.3em gold;
   border-right-color: red;
   width: auto;
 }
 
-.redtext {
+.red-text {
   color: red;
 }
 ```
 
 #### 結果
 
-{{EmbedLiveSample('境界線が付いた単純な div')}}
+{{EmbedLiveSample('A_simple_div_with_a_border')}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/border-top-color/index.md b/files/ja/web/css/border-top-color/index.md
@@ -2,12 +2,12 @@
 title: border-top-color
 slug: Web/CSS/border-top-color
 l10n:
-  sourceCommit: 1c4eb0bfb5f72a26fcc21a83fac91aa3e66c2fb8
+  sourceCommit: 50c8e290f11b061bbf2267e1a3279f28180a5fcb
 ---
 
 {{CSSRef}}
 
-**`border-top-color`** は CSS のプロパティで、要素の上側の[境界線](/ja/docs/Web/CSS/border)の色を設定します。一括指定プロパティの {{cssxref("border-color")}} または {{cssxref("border-top")}} でも設定することができます。
+**`border-top-color`** は [CSS](/ja/docs/Web/CSS) のプロパティで、要素の上側の[境界線](/ja/docs/Web/CSS/border)の色を設定します。一括指定プロパティの {{cssxref("border-color")}} または {{cssxref("border-top")}} でも設定することができます。
 
 {{EmbedInteractiveExample("pages/css/border-top-color.html")}}
 
@@ -51,31 +51,31 @@ border-top-color: unset;
 
 #### HTML
 
-```html-nolint
-<div class="mybox">
+```html-nolint live-sample___a_simple_div_with_a_border
+<div class="my-box">
   <p>
-    これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="redtext">赤</span>になっています。
+    これは周囲に境界線があるボックスです。 なお、ボックスのその辺が<span class="red-text">赤</span>になっています。
   </p>
 </div>
 ```
 
 #### CSS
 
-```css
-.mybox {
+```css live-sample___a_simple_div_with_a_border
+.my-box {
   border: solid 0.3em gold;
   border-top-color: red;
   width: auto;
 }
 
-.redtext {
+.red-text {
   color: red;
 }
 ```
 
 #### 結果
 
-{{EmbedLiveSample('境界線が付いた単純な div')}}
+{{EmbedLiveSample('A_simple_div_with_a_border')}}
 
 ## 仕様書