aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/css/padding-inline-start
diff options
context:
space:
mode:
authorCarolyn Wu <87150472+cw118@users.noreply.github.com>2022-01-11 02:17:04 -0500
committerGitHub <noreply@github.com>2022-01-11 08:17:04 +0100
commit4168d7c20d1ec1c6da1c3fc67f999d651e9af937 (patch)
treec6c26596e0a83db4003c1a10423cda9bbd841023 /files/fr/web/css/padding-inline-start
parentf52817b39e84a1e0ba488da540ccd4a89ec93993 (diff)
downloadtranslated-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.md68
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&nbsp;:
- - {{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)