From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/css/caption-side/index.html | 116 +++++++++++++++++++++++++++++++ 1 file changed, 116 insertions(+) create mode 100644 files/fr/web/css/caption-side/index.html (limited to 'files/fr/web/css/caption-side/index.html') diff --git a/files/fr/web/css/caption-side/index.html b/files/fr/web/css/caption-side/index.html new file mode 100644 index 0000000000..8dc73a5ca1 --- /dev/null +++ b/files/fr/web/css/caption-side/index.html @@ -0,0 +1,116 @@ +--- +title: caption-side +slug: Web/CSS/caption-side +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/caption-side +--- +
{{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.

+ +
{{EmbedInteractiveExample("pages/css/caption-side.html")}}
+ + + +

Syntaxe

+ +
/* Valeurs avec un mot-clé */
+/* Valeurs directionnelles */
+caption-side: top;
+caption-side: bottom;
+
+/* Valeurs non-standards */
+caption-side: left;
+caption-side: right;
+caption-side: top-outside;
+caption-side: bottom-outside;
+
+
+/* Valeur globales */
+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

+ +
{{csssyntax}}
+ +

Exemples

+ +

CSS

+ +
caption {
+  caption-side: bottom;
+}
+
+ +

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>
+ +

Résultat

+ +

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

+ +

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.
+ +

{{cssinfo}}

+ +

Compatibilité des navigateurs

+ + + +

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

-- cgit v1.2.3-54-g00ecf