From 258ba7b4be62d8640477a3bd3146d08b00cb70ec Mon Sep 17 00:00:00 2001 From: julieng Date: Fri, 17 Sep 2021 20:59:20 +0200 Subject: convert content to md --- files/fr/web/css/caption-side/index.md | 121 +++++++++++++++------------------ 1 file changed, 53 insertions(+), 68 deletions(-) (limited to 'files/fr/web/css/caption-side/index.md') diff --git a/files/fr/web/css/caption-side/index.md b/files/fr/web/css/caption-side/index.md index 46b1691fd8..1c6448b38c 100644 --- a/files/fr/web/css/caption-side/index.md +++ b/files/fr/web/css/caption-side/index.md @@ -7,15 +7,16 @@ tags: - Reference translation_of: Web/CSS/caption-side --- -
{{CSSRef}}
+{{CSSRef}} -

La propriété caption-side permet de choisir l'emplacement de la légende d'un tableau (représentée par l'élément {{HTMLElement("caption")}} du tableau). Les valeurs sont relatives au mode d'écriture (cf. {{cssxref("writing-mode")}}) du tableau.

+La propriété **`caption-side`** permet de choisir l'emplacement de la légende d'un tableau (représentée par l'élément {{HTMLElement("caption")}} du tableau). Les valeurs sont relatives au mode d'écriture (cf. {{cssxref("writing-mode")}}) du tableau. -
{{EmbedInteractiveExample("pages/css/caption-side.html")}}
+{{EmbedInteractiveExample("pages/css/caption-side.html")}} -

Syntaxe

+## Syntaxe -
/* Valeurs avec un mot-clé */
+```css
+/* Valeurs avec un mot-clé */
 /* Valeurs directionnelles */
 caption-side: top;
 caption-side: bottom;
@@ -31,82 +32,66 @@ caption-side: bottom-outside;
 caption-side: inherit;
 caption-side: initial;
 caption-side: unset;
-
- -

Valeurs

- -
-
top
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée au-dessus du tableau.
-
bottom
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée en-dessous du tableau.
-
left {{non-standard_inline}}
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée à gauche du tableau.
- {{Note("Cette valeur a été proposée pour CSS 2, mais fut retirée avec la spécification CSS 2.1. Elle est non-standard.")}}
-
right {{non-standard_inline}}
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée à droite du tableau.
- {{Note("Cette valeur a été proposée pour CSS 2, mais fut retirée avec la spécification CSS 2.1. Elle est non-standard.")}}
-
top-outside {{non-standard_inline}}
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée au-dessus du tableau sans que la largeur ou l'alignement horizontal soient liées à la disposition horizontale du tableau.
- {{Note("La spécification CSS 2.1 note que la spécification CSS 2 a défini un autre comportement pour la valeur top, réintroduit avec cette valeur dans une future spécification.")}}
-
bottom-outside {{non-standard_inline}}
-
Un mot-clé qui indique que la boîte de la légende doit être positionnée en-dessous du tableau sans que la largeur ou l'alignement horizontal soient liées à la disposition horizontale du tableau.
- {{Note("La spécification CSS 2.1 note que la spécification CSS 2 a défini un autre comportement pour la valeur bottom, réintroduit avec cette valeur dans une future spécification.")}}
-
- -

Syntaxe formelle

+``` + +### Valeurs + +- `top` + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée au-dessus du tableau. +- `bottom` + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée en-dessous du tableau. +- `left` {{non-standard_inline}} + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée à gauche du tableau. + {{Note("Cette valeur a été proposée pour CSS 2, mais fut retirée avec la spécification CSS 2.1. Elle est non-standard.")}} +- `right` {{non-standard_inline}} + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée à droite du tableau. + {{Note("Cette valeur a été proposée pour CSS 2, mais fut retirée avec la spécification CSS 2.1. Elle est non-standard.")}} +- `top-outside` {{non-standard_inline}} + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée au-dessus du tableau sans que la largeur ou l'alignement horizontal soient liées à la disposition horizontale du tableau. + {{Note("La spécification CSS 2.1 note que la spécification CSS 2 a défini un autre comportement pour la valeur top, réintroduit avec cette valeur dans une future spécification.")}} +- `bottom-outside` {{non-standard_inline}} + - : Un mot-clé qui indique que la boîte de la légende doit être positionnée en-dessous du tableau sans que la largeur ou l'alignement horizontal soient liées à la disposition horizontale du tableau. + {{Note("La spécification CSS 2.1 note que la spécification CSS 2 a défini un autre comportement pour la valeur bottom, réintroduit avec cette valeur dans une future spécification.")}} + +### Syntaxe formelle {{csssyntax}} -

Exemples

+## Exemples -

CSS

+### CSS -
caption {
+```css
+caption {
   caption-side: bottom;
 }
-
+``` -

HTML

+### HTML -
<table>
-  <caption>Une légende</caption>
-  <tr>
-    <td>Des données d'un tableau</td>
-    <td>Pfiou encore des données</td>
-  </tr>
-</table>
+```html + + + + + + +
Une légende
Des données d'un tableauPfiou encore des données
+``` -

Résultat

+### Résultat -

{{EmbedLiveSample("Exemples","300","300")}}

+{{EmbedLiveSample("Exemples","300","300")}} -

Spécifications

+## Spécifications - - - - - - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
{{SpecName('CSS Logical Properties', '#caption-side', 'caption-side')}}{{Spec2('CSS Logical Properties')}}Les valeurs top et bottom sont désormais définies comme relatives à la valeur de writing-mode.
{{SpecName('CSS2.1', 'tables.html#caption-position', 'caption-side')}}{{Spec2('CSS2.1')}}Définition initiale.
+| Spécification | État | Commentaires | +| ------------------------------------------------------------------------------------------------ | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | +| {{SpecName('CSS Logical Properties', '#caption-side', 'caption-side')}} | {{Spec2('CSS Logical Properties')}} | Les valeurs `top` et `bottom` sont désormais définies comme relatives à la valeur de `writing-mode`. | +| {{SpecName('CSS2.1', 'tables.html#caption-position', 'caption-side')}} | {{Spec2('CSS2.1')}} | Définition initiale. | -

{{cssinfo}}

+{{cssinfo}} -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("css.properties.caption-side")}}

+{{Compat("css.properties.caption-side")}} -- cgit v1.2.3-54-g00ecf