diff options
author | Carolyn Wu <87150472+cw118@users.noreply.github.com> | 2022-01-11 02:17:04 -0500 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-01-11 08:17:04 +0100 |
commit | 4168d7c20d1ec1c6da1c3fc67f999d651e9af937 (patch) | |
tree | c6c26596e0a83db4003c1a10423cda9bbd841023 /files/fr/web/css/padding-inline-start | |
parent | f52817b39e84a1e0ba488da540ccd4a89ec93993 (diff) | |
download | translated-content-4168d7c20d1ec1c6da1c3fc67f999d651e9af937.tar.gz translated-content-4168d7c20d1ec1c6da1c3fc67f999d651e9af937.tar.bz2 translated-content-4168d7c20d1ec1c6da1c3fc67f999d651e9af937.zip |
Minor fixes and updates for some fr CSS pages (#3626)
* Minor fixes and updates for some fr CSS pages
* Nitpicking / minor typoedit
Co-authored-by: julieng <julien.gattelier@gmail.com>
Diffstat (limited to 'files/fr/web/css/padding-inline-start')
-rw-r--r-- | files/fr/web/css/padding-inline-start/index.md | 68 |
1 files changed, 37 insertions, 31 deletions
diff --git a/files/fr/web/css/padding-inline-start/index.md b/files/fr/web/css/padding-inline-start/index.md index 81caa13626..2876916e8b 100644 --- a/files/fr/web/css/padding-inline-start/index.md +++ b/files/fr/web/css/padding-inline-start/index.md @@ -1,18 +1,12 @@ --- title: padding-inline-start slug: Web/CSS/padding-inline-start -tags: - - CSS - - Experimental - - Propriété - - Reference translation_of: Web/CSS/padding-inline-start +browser-compat: css.properties.padding-inline-start --- -{{CSSRef}}{{SeeCompatTable}} +{{CSSRef}} -La propriété** `padding-inline-start`** définit le décalage avec le début de la zone de remplissage d'un élément, selon le mode d'écriture, la directionnalité et l'orientation du texte. Elle correspond à la propriété {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}} ou {{cssxref("padding-left")}} selon les valeurs définies pour {{cssxref("writing-mode")}}, {{cssxref("direction")}} et {{cssxref("text-orientation")}}. - -Les autres parties « logiques » du remplissage sont définies grâce aux propriétés {{cssxref("padding-block-start")}}, {{cssxref("padding-block-end")}} et {{cssxref("padding-inline-end")}}. +La propriété **`padding-inline-start`** définit le décalage avec le début de la zone de remplissage d'un élément selon le mode d'écriture, la direction et l'orientation du texte. {{EmbedInteractiveExample("pages/css/padding-inline-start.html")}} @@ -21,8 +15,8 @@ Les autres parties « logiques » du remplissage sont définies grâce aux propr ```css /* Valeurs de longueur */ /* Type <length> */ -padding-inline-start: 10px; -padding-inline-start: 1em; +padding-inline-start: 10px; /* Une longueur absolue */ +padding-inline-start: 1em; /* Relatif à la taille du texte */ /* Valeurs de proportions */ /* Type <percentage> */ @@ -31,20 +25,36 @@ padding-inline-start: 5%; /* Relatif à la largeur du bloc englobant */ /* Valeurs globales */ padding-inline-start: inherit; padding-inline-start: initial; +padding-inline-start: revert; padding-inline-start: unset; ``` ### Valeurs -La propriété `padding-inline-start` peut prendre les mêmes valeurs que la propriété {{cssxref("padding-left")}}. +- [`<length>`](/fr/docs/Web/CSS/length) + - : La taille de la zone de remplissage exprimée de façon absolue. Les valeurs négatives sont interdites. +- [`<percentage>`](/fr/docs/Web/CSS/percentage) + - : La taille de la zone de remplissage exprimée de façon relative à la *taille en ligne* (<i lang="en">inline</i> en anglais) du bloc englobant. Les valeurs négatives sont interdites. + +## Description + +Selon sa définition dans la spécification, la propriété `padding-inline-start` peut prendre les mêmes valeurs que la propriété [`padding-top`](/fr/docs/Web/CSS/padding-top). Toutefois, elle peut en réalité correspondre à la propriété physique [`padding-top`](/fr/docs/Web/CSS/padding-top), [`padding-right`](/fr/docs/Web/CSS/padding-right) ou [`padding-left`](/fr/docs/Web/CSS/padding-left) selon les valeurs définies pour [`writing-mode`](/fr/docs/Web/CSS/writing-mode), [`direction`](/fr/docs/Web/CSS/direction) et [`text-orientation`](/fr/docs/Web/CSS/text-orientation). + +Les autres parties du remplissage sont définies grâce aux propriétés [`padding-block-start`](/fr/docs/Web/CSS/padding-block-start), [`padding-block-end`](/fr/docs/Web/CSS/padding-block-end) et [`padding-inline-end`](/fr/docs/Web/CSS/padding-inline-end). -### Syntaxe formelle +## Définition formelle + +{{CSSInfo}} + +## Syntaxe formelle {{csssyntax}} ## Exemples -### HTML +### Définition de padding-inline-start avec du texte vertical + +#### HTML ```html <div> @@ -52,7 +62,7 @@ La propriété `padding-inline-start` peut prendre les mêmes valeurs que la pro </div> ``` -### CSS +#### CSS ```css div { @@ -68,31 +78,27 @@ div { } ``` -### Résultat +#### Résultat -{{EmbedLiveSample("Exemples", 140, 140)}} +{{EmbedLiveSample("", 140, 140)}} ## Spécifications -| Spécification | État | Commentaires | -| -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------ | -------------------- | -| {{SpecName("CSS Logical Properties", "#propdef-padding-inline-start", "padding-inline-start")}} | {{Spec2("CSS Logical Properties")}} | Définition initiale. | - -{{cssinfo}} +{{Specifications}} ## Compatibilité des navigateurs -{{Compat("css.properties.padding-inline-start")}} +{{Compat}} ## Voir aussi -- Les propriétés physiques correspondantes : +- Les propriétés physiques correspondantes : - - {{cssxref("padding-top")}}, - - {{cssxref("padding-right")}}, - - {{cssxref("padding-bottom")}}, - - {{cssxref("padding-left")}} + - [`padding-top`](/fr/docs/Web/CSS/padding-top) + - [`padding-right`](/fr/docs/Web/CSS/padding-right) + - [`padding-bottom`](/fr/docs/Web/CSS/padding-bottom) + - [`padding-left`](/fr/docs/Web/CSS/padding-left) -- {{cssxref("writing-mode")}}, -- {{cssxref("direction")}}, -- {{cssxref("text-orientation")}} +- [`writing-mode`](/fr/docs/Web/CSS/writing-mode) +- [`direction`](/fr/docs/Web/CSS/direction) +- [`text-orientation`](/fr/docs/Web/CSS/text-orientation) |