diedVIPs

html knowhow

align - Textausrichtung





Die Textausrichtung <align> wird zum Ausrichten des inneren Inhalts eines Blockelements verwendet.



align - Textausrichtung

Befehle Beschreibung Wert Beispiele

<align>

 Der Befehl "text-align" legt die horizontale Ausrichtung eines Blockelements oder eines Tabellenzellenrahmens fest. left
right
center
justify
inherit 		.center { text-align: center; border: 3px solid green; }

<align-items>

Steuert die vertikale Ausrichtung beziehungsweise Positionierung der HTML-Elemente innerhalb einer Flexbox.

 

 flex-start,
flex-end,
center,
baseline,
stretch		 Basic keywords 
align-items: normal;
align-items: stretch;
Baseline alignment
align-items: baseline;
align-items: first baseline;
align-items: last baseline;
align-items: safe center;
align-items: unsafe center;
align-items: inherit;
align-items: initial;
align-items: revert;
Positional alignment
align-items: center;
align-items: start;
align-items: end;
align-items: flex-start; 
align-items: flex-end;
align-items: revert-layer;
align-items: unset;

<vertical-align>

Der Befehl "vertical-align"  legt die vertikale Ausrichtung eines Blockelements oder eines Tabellenzellenrahmens fest.

 

baseline
top
bottom
middle
text-bottom
sub
super
length

<span style="vertical-align:top;">Beispiel</span>
<span style="vertical-align:middle;">Beispiel</span>
<span style="vertical-align:bottom;">Beispiel</span>
<text-align>     text-align: start;
text-align: end;
text-align: left;
text-align: right;
text-align: center;
text-align: justify;
text-align: justify-all;
text-align: match-parent;
text-align: ".";
text-align: "." center;
text-align: -moz-center;
text-align: -webkit-center;
text-align: inherit;
text-align: initial;
text-align: revert;
text-align: revert-layer;
text-align: unset;










Kontakt    Datenschutz   Impressum