Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[es, fr, ja, ko, pt-br, ru, zh-cn, zh-tw]: correct image file paths and demos paths #24765

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
6 changes: 3 additions & 3 deletions files/es/web/css/background-attachment/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ background-attachment: scroll | fixed | inherit

```css
p {
background-image: url("starsolid.gif");
background-image: url("star-solid.gif");
background-attachment: fixed;
}
```
Expand All @@ -54,7 +54,7 @@ p {

#### Resultado

{{EmbedLiveSample("Simple_example")}}
{{EmbedLiveSample("Ejemplo_simple")}}

### Soporta múltiples imagenes de fondo

Expand All @@ -64,7 +64,7 @@ Esta propiedad soporta multiples imágenes de fondo. Puedes especificar un `<att

```css
p {
background-image: url("starsolid.gif"), url("startransparent.gif");
background-image: url("star-solid.gif"), url("star-transparent.gif");
background-attachment: fixed, scroll;
background-repeat: no-repeat, repeat-y;
}
Expand Down
4 changes: 2 additions & 2 deletions files/es/web/css/background-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@ background-image: linear-gradient(
rgba(255, 255, 0, 0.5),
rgba(0, 0, 255, 0.5)
),
url("catfront.png");
url("cat-front.png");

/* Valores globales */
background-image: inherit;
Expand Down Expand Up @@ -96,7 +96,7 @@ div {
}

.catsandstars {
background-image: url("startransparent.gif"), url("catfront.png");
background-image: url("star-transparent.gif"), url("cat-front.png");
background-color: transparent;
}
```
Expand Down
4 changes: 2 additions & 2 deletions files/es/web/css/background-repeat/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -115,7 +115,7 @@ li {
margin-bottom: 12px;
}
div {
background-image: url(starsolid.gif);
background-image: url(star-solid.gif);
width: 160px;
height: 70px;
}
Expand All @@ -142,7 +142,7 @@ div {

/* Multiple images */
.seven {
background-image: url(starsolid.gif), url(favicon32.png);
background-image: url(star-solid.gif), url(favicon32.png);
background-repeat: repeat-x, repeat-y;
height: 144px;
}
Expand Down
2 changes: 1 addition & 1 deletion files/es/web/css/background/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -80,7 +80,7 @@ La sintaxis de cada capa es la siguiente:
}

.topbanner {
background: url("starsolid.gif") #00d repeat-y fixed;
background: url("star-solid.gif") #00d repeat-y fixed;
}
```

Expand Down
2 changes: 1 addition & 1 deletion files/es/web/css/list-style-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ list-style-image: <uri> | none | inherit

```css
ul {
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
}
```

Expand Down
2 changes: 1 addition & 1 deletion files/es/web/css/list-style-position/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ list-style-position: inside | outside | inherit
}

.three {
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
list-style-position: inherit;
}
```
Expand Down
6 changes: 3 additions & 3 deletions files/fr/web/css/background-attachment/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ La propriété `background-attachment` est définie avec un des mots-clés de la

```css
p {
background-image: url("starsolid.gif");
background-image: url("star-solid.gif");
background-attachment: fixed;
}
```
Expand All @@ -68,7 +68,7 @@ p {

#### Résultat

{{EmbedLiveSample("")}}
{{EmbedLiveSample("Exemple_simple")}}

### Gestion de plusieurs arrière-plans

Expand All @@ -78,7 +78,7 @@ On peut utiliser cette propriété lorsqu'on travaille avec plusieurs images en

```css
p {
background-image: url("starsolid.gif"), url("startransparent.gif");
background-image: url("star-solid.gif"), url("star-transparent.gif");
background-attachment: fixed, scroll;
background-repeat: no-repeat, repeat-y;
}
Expand Down
4 changes: 2 additions & 2 deletions files/fr/web/css/background-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ background-image: linear-gradient(
rgba(255, 255, 0, 0.5),
rgba(0, 0, 255, 0.5)
),
url("catfront.png");
url("cat-front.png");

/* Valeur avec un mot-clé */
background-image: none;
Expand Down Expand Up @@ -103,7 +103,7 @@ div {
}

.catsandstars {
background-image: url("startransparent.gif"), url("catfront.png");
background-image: url("star-transparent.gif"), url("cat-front.png");
background-color: transparent;
}
```
Expand Down
6 changes: 3 additions & 3 deletions files/fr/web/css/background-position/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -159,10 +159,10 @@ div {

/* On utilise la propriété raccourcie background */
.exemple_un {
background: url("startransparent.gif") #ffee99 2.5cm bottom no-repeat;
background: url("star-transparent.gif") #ffee99 2.5cm bottom no-repeat;
}
.exemple_deux {
background: url("startransparent.gif") #ffee99 left 4em bottom 1em no-repeat;
background: url("star-transparent.gif") #ffee99 left 4em bottom 1em no-repeat;
}

/*
Expand All @@ -171,7 +171,7 @@ différemment, on voit les virgules dans les déclarations.
L'ordre est le même entre background-image et -position.
*/
.exemple_trois {
background-image: url("startransparent.gif"), url("catfront.png");
background-image: url("star-transparent.gif"), url("cat-front.png");
background-position:
0px 0px,
right 3em bottom 2em;
Expand Down
4 changes: 2 additions & 2 deletions files/fr/web/css/background-repeat/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -144,7 +144,7 @@ li {
margin-bottom: 12px;
}
div {
background-image: url(starsolid.gif);
background-image: url(star-solid.gif);
width: 160px;
height: 70px;
}
Expand All @@ -171,7 +171,7 @@ div {

/* Plusieurs images */
.sept {
background-image: url(starsolid.gif), url(favicon.png);
background-image: url(star-solid.gif), url(favicon32.png);
background-repeat: repeat-x, repeat-y;
height: 144px;
}
Expand Down
2 changes: 1 addition & 1 deletion files/fr/web/css/background/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ Les navigateurs ne fournissent pas d'informations spécifiques aux outils d'assi
}

.banniere {
background: url("starsolid.gif") #99f repeat-y fixed;
background: url("star-solid.gif") #99f repeat-y fixed;
}
```

Expand Down
8 changes: 4 additions & 4 deletions files/fr/web/css/list-style-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ On peut également utiliser la propriété raccourcie [`list-style`](/fr/docs/We
list-style-image: none;

/* Valeurs pointant vers une image */
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");

/* Valeurs avec une image */
list-style-image: linear-gradient(to left bottom, red, blue);
Expand Down Expand Up @@ -65,13 +65,13 @@ list-style-image: unset;

```css
ul {
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
}
```

#### Résultat

{{EmbedLiveSample('')}}
{{EmbedLiveSample('Utiliser_une_URL')}}

### Utiliser un dégradé

Expand All @@ -95,7 +95,7 @@ ul {

#### Résultat

{{EmbedLiveSample('')}}
{{EmbedLiveSample('Utiliser_un_dégradé')}}

## Spécifications

Expand Down
4 changes: 2 additions & 2 deletions files/fr/web/css/list-style-position/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,13 +92,13 @@ La propriété `list-style-position` est définie avec l'un des mots-clés suiva

.trois {
list-style-position: inside;
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
}
```

#### Résultat

{{EmbedLiveSample('', 200, 420)}}
{{EmbedLiveSample("Définition_de_la_position_des_éléments_d'une_liste", 200, 420)}}

## Spécifications

Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/css/background-attachment/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ background-attachment: unset;

```css
p {
background-image: url("starsolid.gif");
background-image: url("star-solid.gif");
background-attachment: fixed;
}
```
Expand Down Expand Up @@ -99,7 +99,7 @@ p {

```css
p {
background-image: url("starsolid.gif"), url("startransparent.gif");
background-image: url("star-solid.gif"), url("star-transparent.gif");
background-attachment: fixed, scroll;
background-repeat: no-repeat, repeat-y;
}
Expand Down
6 changes: 3 additions & 3 deletions files/ja/web/css/background-position/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -154,16 +154,16 @@ div {

/* これらの例は background 一括指定プロパティを使用しています */
.exampleone {
background: url("startransparent.gif") #ffee99 2.5cm bottom no-repeat;
background: url("star-transparent.gif") #ffee99 2.5cm bottom no-repeat;
}
.exampletwo {
background: url("startransparent.gif") #ffee99 left 4em bottom 1em no-repeat;
background: url("star-transparent.gif") #ffee99 left 4em bottom 1em no-repeat;
}

/* 複数の背景画像: 各画像は対応する位置スタイルに、
最初に指定されたものから順に対応付けられます。 */
.examplethree {
background-image: url("startransparent.gif"), url("catfront.png");
background-image: url("star-transparent.gif"), url("cat-front.png");
background-position:
0px 0px,
right 3em bottom 2em;
Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/css/background-repeat/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,7 @@ li {
margin-bottom: 12px;
}
div {
background-image: url(starsolid.gif);
background-image: url(star-solid.gif);
width: 160px;
height: 70px;
}
Expand All @@ -196,7 +196,7 @@ div {

/* 複数の画像 */
.seven {
background-image: url(starsolid.gif), url(favicon32.png);
background-image: url(star-solid.gif), url(favicon32.png);
background-repeat: repeat-x, repeat-y;
height: 144px;
}
Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/css/background/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -127,13 +127,13 @@ background: repeat scroll 0% 0% / auto padding-box border-box none transparent;
}

.topbanner {
background: url("starsolid.gif") #99f repeat-y fixed;
background: url("star-solid.gif") #99f repeat-y fixed;
}
```

#### 結果

{{EmbedLiveSample("Setting_backgrounds_with_color_keywords_and_images")}}
{{EmbedLiveSample("色キーワードと画像による背景の設定")}}

## 仕様書

Expand Down
4 changes: 2 additions & 2 deletions files/ja/web/css/list-style-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ slug: Web/CSS/list-style-image
list-style-image: none;

/* <url> 値 */
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");

/* 有効な画像値 */
list-style-image: linear-gradient(to left bottom, red, blue);
Expand Down Expand Up @@ -65,7 +65,7 @@ list-style-image: unset;

```css
ul {
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
}
```

Expand Down
2 changes: 1 addition & 1 deletion files/ja/web/css/list-style-position/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -92,7 +92,7 @@ list-style-position: unset;

.inside-img {
list-style-position: inside;
list-style-image: url("starsolid.gif");
list-style-image: url("star-solid.gif");
}
```

Expand Down
4 changes: 2 additions & 2 deletions files/ko/web/css/background-attachment/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@ background-attachment: unset;

```css
p {
background-image: url("starsolid.gif");
background-image: url("star-solid.gif");
background-attachment: fixed;
}
```
Expand Down Expand Up @@ -95,7 +95,7 @@ p {

```css
p {
background-image: url("starsolid.gif"), url("startransparent.gif");
background-image: url("star-solid.gif"), url("star-transparent.gif");
background-attachment: fixed, scroll;
background-repeat: no-repeat, repeat-y;
}
Expand Down
4 changes: 2 additions & 2 deletions files/ko/web/css/background-image/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ background-image: linear-gradient(
rgba(255, 255, 0, 0.5),
rgba(0, 0, 255, 0.5)
),
url("catfront.png");
url("cat-front.png");
```

### 값
Expand Down Expand Up @@ -87,7 +87,7 @@ div {
}

.catsandstars {
background-image: url("startransparent.gif"), url("catfront.png");
background-image: url("star-transparent.gif"), url("cat-front.png");
background-color: transparent;
}
```
Expand Down
5 changes: 2 additions & 3 deletions files/ko/web/css/background-repeat/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@ li {
margin-bottom: 12px;
}
div {
background-image: url(starsolid.gif);
background-image: url(star-solid.gif);
width: 160px;
height: 70px;
}
Expand All @@ -181,8 +181,7 @@ div {

/* Multiple images */
.seven {
background-image: url(starsolid.gif),
url(https://developer.mozilla.org/static/img/favicon32.png);
background-image: url(star-solid.gif), url(favicon32.png);
background-repeat: repeat-x, repeat-y;
height: 144px;
}
Expand Down
2 changes: 1 addition & 1 deletion files/ko/web/css/background/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ background: no-repeat center/80% url("../img/image.png");
}

.topbanner {
background: url("starsolid.gif") #99f repeat-y fixed;
background: url("star-solid.gif") #99f repeat-y fixed;
}
```

Expand Down
Loading