CSS / CSS-Angaben für Bereiche

Angabe	Option	Wirkung
position:	absolut, relative	Legt das Bezugselement für den Bereich fest: Browserfenster oder vorhergehendes Seitenelement
top:	Wert, auto	Abstand zum Bezugselement nach oben
left:	Wert, auto	Abstand zum Bezugselement nach links
bottom:	Wert, auto	Abstand zum Bezugselement nach unten
right:	Wert, auto	Abstand zum Bezugselement nach rechts
width:	Wert, auto	Breite des Bereichs
min-width:	Wert	Minimale Breite des Bereichs, ansonsten abhängig vom Bereichsinhalt.
max-width:	Wert	Maximale Breite des Bereichs
heigth:	Wert	Höhe des Bereichs
min-heigth:	Wert	Minimale Höhe des Bereichs, ansonsten abhängig vom Bereichsinhalt.
max-heigth:	Wert	Maximale Höhe des Bereichs
overflow:	visible, hidden, scroll, auto	Regelt, wie sich verschachtelte Bereiche verhalten
direction:	ltr, rtl	Regelt die Anordnung der Elemente im Bereich und wie ein zu grosses Element einen Bereich aufbricht
float:	left, right, none	Bestimmt, wie normale Seitenelemente den Bereich umfliessen, wirkt nur in Kombination mit width
clear:	left, right, none	Erzwingt die Fortsetzung von anderen Seitenelementen unterhalb des Bereichs
z-index:	Wert	Steuert die Reihenfolge von Bereichen bei Überlappung.
display:	block, inline, listitem, none	Regelt, wie der Bereich im Verhältnis zu anderen Seitenelementen dargestellt wird. Nur display:none (Bereich nicht anzeigen) stellen die aktuellen Browser korrekt ein.
visibility:	hidden, visible	Macht einen Bereich sichtbar oder unsichtbar, in jedem Fall wird aber der Platz freigehalten.
clip:	rect()	Legt einen sichtbaren Ausschnitt des Browsers fest.

Das könnte Sie interessieren:

Texteingabe nur in Großbuchstaben zulassen

Bilder übereinander legen (stapeln) - Mit CSS (z-index) können Sie Objekte (Bilder, Text, Container, ...) übereinander legen (stapeln).

Logo mit Wasserzeicheneffekt - Das Logo bleibt beim scrollen immer an der gleichen Stelle.

Bilder in CSS einbinden

CSS Hyperlink #41

MotionBlur-Filter

Zeilenhöhe verändern - Durch mehr Abstand erreichen Sie eine bessere Lesbarkeit des Inhalts oder erzielen damit Text-Effekte.

CSS Hyperlink #12

Textur als Hintergrundbild verwenden

CSS Hyperlink #1 …mehr