ライブサンプルの表示方法を変更

mdn · Dec 17, 2024 · 00ef085 · 00ef085
1 parent cd84572
commit 00ef085
Show file tree

Hide file tree

Showing 7 changed files with 29 additions and 29 deletions.
diff --git a/files/ja/web/css/padding-block-end/index.md b/files/ja/web/css/padding-block-end/index.md
@@ -56,15 +56,15 @@ padding-block-end: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_block_end_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_block_end_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -80,7 +80,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるブロック方向の末尾のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_block_end_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding-block-start/index.md b/files/ja/web/css/padding-block-start/index.md
@@ -56,15 +56,15 @@ padding-block-start: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_block_start_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_block_start_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -80,7 +80,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるブロック方向の先頭のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_block_start_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding-block/index.md b/files/ja/web/css/padding-block/index.md
@@ -61,15 +61,15 @@ padding-block: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_block_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_block_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -85,7 +85,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるブロック方向のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_block_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding-inline-end/index.md b/files/ja/web/css/padding-inline-end/index.md
@@ -56,15 +56,15 @@ padding-inline-end: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_inline_end_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_inline_end_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -80,7 +80,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるインライン方向の末尾のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_inline_end_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding-inline-start/index.md b/files/ja/web/css/padding-inline-start/index.md
@@ -56,15 +56,15 @@ padding-inline-start: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_inline_start_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_inline_start_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -80,7 +80,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるインライン方向の先頭のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_inline_start_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding-inline/index.md b/files/ja/web/css/padding-inline/index.md
@@ -64,15 +64,15 @@ padding-inline: unset;
 
 #### HTML
 
-```html
+```html live-sample___setting_inline_padding_for_vertical_text
 <div>
-  <p class="exampleText">Example text</p>
+  <p class="exampleText">テキストの例</p>
 </div>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_inline_padding_for_vertical_text
 div {
   background-color: yellow;
   width: 120px;
@@ -88,7 +88,7 @@ div {
 
 #### 結果
 
-{{EmbedLiveSample("縦書きテキストにおけるインライン方向のパディングの設定", 140, 140)}}
+{{EmbedLiveSample("Setting_inline_padding_for_vertical_text", 140, 140)}}
 
 ## 仕様書
 

diff --git a/files/ja/web/css/padding/index.md b/files/ja/web/css/padding/index.md
@@ -76,14 +76,14 @@ padding: unset;
 
 #### HTML
 
-```html
-<h4>This element has moderate padding.</h4>
-<h3>The padding is huge in this element!</h3>
+```html-nolint live-sample___setting_padding_with_pixels
+<h4>この要素には適度なパディングがあります。</h4>
+<h3>この要素のパディングが巨大です。</h3>
 ```
 
 #### CSS
 
-```css
+```css live-sample___setting_padding_with_pixels
 h4 {
   background-color: lime;
   padding: 20px 50px;
@@ -97,7 +97,7 @@ h3 {
 
 #### 結果
 
-{{EmbedLiveSample('パディングをピクセル数で設定', '100%', 300)}}
+{{EmbedLiveSample('Setting_padding_with_pixels', '100%', 300)}}
 
 ### パディングをピクセル数とパーセント値で設定