1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
|
---
title: text-align-last
slug: Web/CSS/text-align-last
tags:
- CSS
- CSS Eigenschaft
- CSS Text
- Experimentell
- Referenz
translation_of: Web/CSS/text-align-last
---
<div>{{CSSRef}}</div>
<p>Die CSS Eigenschaft<strong> <code>text-align-last</code></strong> beschreibt, wie die letzte Zeile eines Blocks, oder die letzte Zeile unmittelbar vor einem erzwungenem Umbruch, ausgerichtet ist</p>
<div>{{EmbedInteractiveExample("pages/css/text-align-last.html")}}</div>
<h2 id="Syntax">Syntax</h2>
<pre class="brush:css no-line-numbers">/* Keyword values */
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;
/* Global values */
text-align-last: inherit;
text-align-last: initial;
text-align-last: unset;
</pre>
<h3 id="Values">Values</h3>
<dl>
<dt><code>auto</code></dt>
<dd>Die Ausrichtung der Zeile ist gleich dem Wert von {{cssxref("text-align")}}, außer wenn {{cssxref("text-align")}} den Wert <code>justify</code> hat; in diesem Fall entspricht der Wert von <code>text-align-last</code> der Einstellung <code>start</code>.</dd>
<dt><code>start</code></dt>
<dd>Das Gleiche wie <code>left</code>, wenn die Leserichtung links-nach-rechts ist, und <code>right</code>, wenn die Leserichtung rechts-nach-links ist.</dd>
<dt><code>end</code></dt>
<dd>Das Gleiche wie <code>right</code>, wenn die Leserichtung links-nach-rechts ist, und <code>left</code>, wenn die Leserichtung rechts-nach-links ist.</dd>
<dt><code>left</code></dt>
<dd>Die Inhalte werden an der linken Kante des inline-Elements ausgerichtet.</dd>
<dt><code>right</code></dt>
<dd>Die Inhalte werden an der rechten Kante des inline-Elements ausgerichtet.</dd>
<dt><code>center</code></dt>
<dd>Die Inhalte werden innerhalb des inline-Elements zentriert.</dd>
<dt><code>justify</code></dt>
<dd>Der Text wird im Blocksatz angezeigt, d.h. der Text schließt sowohl links als auch rechts mit der Kante des inline-Elements ab.</dd>
</dl>
<h3 id="Formal_syntax">Formal syntax</h3>
{{csssyntax}}
<h2 id="Beispiel">Beispiel</h2>
<div class="hidden">
<pre class="brush: html"><p>Integer elementum massa at nulla placerat varius. Suspendisse in libero risus, in interdum massa. Vestibulum ac leo vitae metus faucibus gravida ac in neque. Nullam est eros, suscipit sed dictum quis, accumsan a ligula.</p>
</pre>
</div>
<pre class="brush: css">p {
font-size: 1.4em;
text-align: justify;
text-align-last: center;
}</pre>
<p>{{EmbedLiveSample('Example','560')}}</p>
<h2 id="Spezifikationen">Spezifikationen</h2>
<table class="standard-table">
<thead>
<tr>
<th scope="col">Specification</th>
<th scope="col">Status</th>
<th scope="col">Comment</th>
</tr>
</thead>
<tbody>
<tr>
<td>{{SpecName('CSS3 Text', '#text-align-last-property', 'text-align-last')}}</td>
<td>{{Spec2('CSS3 Text')}}</td>
<td>Initial definition</td>
</tr>
</tbody>
</table>
<div>{{cssinfo}}</div>
<h2 id="Browserkompatibilität">Browserkompatibilität</h2>
<p>{{Compat("css.properties.text-align-last")}}</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li>{{cssxref("text-align")}}</li>
</ul>
|
