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/text-align-last/index.html | 114 ++++++++++++++++++++++++++++ 1 file changed, 114 insertions(+) create mode 100644 files/fr/web/css/text-align-last/index.html (limited to 'files/fr/web/css/text-align-last') diff --git a/files/fr/web/css/text-align-last/index.html b/files/fr/web/css/text-align-last/index.html new file mode 100644 index 0000000000..a0f42f8863 --- /dev/null +++ b/files/fr/web/css/text-align-last/index.html @@ -0,0 +1,114 @@ +--- +title: text-align-last +slug: Web/CSS/text-align-last +tags: + - CSS + - Propriété + - Reference +translation_of: Web/CSS/text-align-last +--- +
{{CSSRef}}
+ +

La propriété text-align-last définit la façon dont la dernière ligne d'un bloc, ou une ligne avant un retour à la ligne forcé, doit être alignée.

+ +
{{EmbedInteractiveExample("pages/css/text-align-last.html")}}
+ + + +

Syntaxe

+ +
/* Valeurs utilisant un mot-clé */
+text-align-last: auto;
+text-align-last: start;
+text-align-last: end;
+text-align-last: left;
+text-align-last: right;
+text-align-last: center;
+text-align-last: justify;
+
+/* Valeurs globales */
+text-align-last: inherit;
+text-align-last: initial;
+text-align-last: unset;
+
+ +

Valeurs

+ +
+
auto
+
La ligne concernée est alignée selon la valeur de {{cssxref("text-align")}} sauf si {{cssxref("text-align")}} vaut justify, auquel cas, cela aura le même effet que d'utiliser la valeur start pour text-align-last.
+
start
+
Cette valeur a le même effet que la valeur left si la direction du texte va de gauche à droite ou le même effet que right si la direction du texte va de droite à gauche.
+
end
+
Cette valeur a le même effet que la valeur right si la direction du texte va de gauche à droite ou le même effet que left si la direction du texte va de droite à gauche.
+
left
+
Les contenus en ligne (inline) sont alignés sur le bord gauche de la boîte contenant la ligne.
+
right
+
Les contenus en ligne (inline) sont alignés sur le bord droit de la boîte contenant la ligne.
+
center
+
Les contenus en ligne (inline) sont horizontalement centrés par rapport à la boîte contenant la ligne.
+
justify
+
Le texte est justifié. Les bords gauche et droit du texte sont alignés avec les bord gauche et droit du paragraphe.
+
+ +

Syntaxe formelle

+ +
{{csssyntax}}
+ +

Exemples

+ +

HTML

+ +
<p class="exemple">
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+  tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+  quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+  consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+  cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+  proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+</p>
+ +

CSS

+ +
.exemple {
+  text-align: justify;
+  text-align-last: center;
+}
+
+ +

Résultat

+ +

{{EmbedLiveSample("Exemples","100%","100%")}}

+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('CSS3 Text', '#text-align-last-property', 'text-align-last')}}{{Spec2('CSS3 Text')}}Définition initiale.
+ +
{{cssinfo}}
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("css.properties.text-align-last")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf