Zum Inhalt springen

Positioning

clear

#clear Verschiebt das Element nach allen vorhergehenden Floating-Elementen. clear: none; Die clear Eigenschaft ist nur relevant, wenn sie mit Geschwistern verwendet wird, die einen float Wert haben. Das Element wird neben jedem Float-Element sitzen, das vor ihm steht. Lorem… 

float

#float Schiebt das Element entweder auf die linke oder die rechte Seite. Die folgenden Geschwister werden sich um das schwebende Element wickeln default float: none; Entfernt jeden zuvor definierten Float-Wert. Das Element bleibt im natürlichen Fluss der Seite. Lorem… 

overflow-x

#overflow-x Legt fest, wie überlaufender Inhalt auf der horizontalen Achse angezeigt wird. default overflow-x: visible; Der überlaufende Inhalt ist sichtbar, während das Element selbst in der angegebenen Breite bleibt. Lorem ipsum dolor sit amet, consectetur adipiscing elit. overflow-x: hidden;… 

resize

#resize Legt fest, ob die Textarea in der Größe veränderbar ist oder nicht. default resize: none; Die Textarea ist nicht größenveränderbar. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.… 

overflow

#overflow Legt fest, wie überlaufender Inhalt auf der horizontalen und vertikalen Achse angezeigt wird. default overflow: visible; Der überlaufende Inhalt ist sichtbar, während das Element selbst in der angegebenen Höhe bleibt. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Etiam… 

z-index

#z-index Bestimmt die Ordnung der Elemente auf der z-Achse. Es funktioniert nur bei positionierten Elementen (alles außer static). default z-index: auto; Die Reihenfolge wird durch die Reihenfolge im HTML-Code bestimmt: erste im Code = hinten letzter im Code =… 

bottom

#bottom Bestimmt die Position des Elements entsprechend seiner unteren Kante. default bottom: auto; Das Element wird in seiner natürlichen Position bleiben. Parent container Natural position Actual position bottom: 20px; Befindet sich das Element an der Position relativ, wird das… 

right

#right Bestimmt die Position des Elements entsprechend seiner rechten Kante. default right: auto; Das Element wird in seiner natürlichen Position bleiben. Parent container Natural position Actual position right: 80px; Wenn sich das Element an einer relativen Position befindet, wird… 

position

#position Legt das Positionsverhalten des Elements fest. default position: static; Das Element wird im natürlichen Fluss der Seite bleiben. Folglich wird es nicht als Ankerpunkt für den absolut positionierten rosa Block dienen. Außerdem wird es nicht auf die folgenden… 

top

#top Bestimmt die Position des Elements entsprechend seiner Oberkante. default top: auto; Das Element wird in seiner natürlichen Position bleiben. Parent container Natural position Actual position top: 20px; Wenn sich das Element an einer relativen Position befindet, wird das… 

left

#left Bestimmt die Position des Elements entsprechend seinem linken Rand. default left: auto; Das Element wird in seiner natürlichen Position bleiben. Parent container Natural position Actual position left: 80px; Wenn sich das Element an einer relativen Position befindet, wird… 

overflow-wrap

#overflow-wrap Legt fest, ob Wörter am Ende einer Zeile umbrochen werden sollen. default overflow-wrap: normal; Wörter ohne Leerzeichen werden nicht umbrochen. Sequenzen von ununterbrochenen Zeichen werden in einer einzigen Zeile angezeigt. Thequickbrownfoxjumpsoverthelazydog overflow-wrap: break-word; Wörter ohne Leerzeichen werden umgebrochen,…