tas2580
Blog über Webentwicklung

CSS Eigenschaften

Hier werden alle CSS Eigenschaften aufgelistet, klicke eine Eigenschaft an um eine Ausführliche Beschreibnug zu erhalten.

Tag Name Beschreibung
align-content Die align-content Eigenschaft ändert das Verhalten der Flex-Wrap-Eigenschaft.
align-items Die align-items Eigenschaft setzt die Standardausrichtung für Elemente im Inneren eines flex-Container.
align-self Die align-self Eigenschaft gibt die Ausrichtung für das ausgewählte Element innerhalb eines flex Containers an.
all Die all Eigenschaft setzt alle Eigenschaften, abgesehen von unicode-bidi und direction, in ihre Anfangs- oder geerbten Werte zurück.
animation Die animation Eigenschaft animiert ein Objekt wenn es sich ändert.
animation-delay Die animation-delay Eigenschaft gibt eine Verzögerung für den Start einer Animation an.
animation-direction Die animation-direction Eigenschaft legt fest, ob eine Animation in umgekehrter Richtung oder in wechselnden Zyklen ablaufen soll.
animation-duration Die animation-duration Eigenschaft legt fest, wie viele Sekunden oder Millisekunden eine Animation eines Zyklus in Anspruch nimmt.
animation-fill-mode Die animation-fill-mode Eigenschaft gibt einen Stil für das Element, wenn die Animation nicht abgespielt wird an (wenn es fertig ist, oder bei einer Verzögerung).
animation-iteration-count Die animation-iteration-count Eigenschaft gibt die Anzahl an, wie oft eine Animation abgespielt werden soll.
animation-name Die animation-name Eigenschaft gibt einen Namen für die @keyframes Animation an.
animation-play-state Die animation-play-state Eigenschaft gibt an, ob die Animation läuft oder pausiert ist.
animation-timing-function Die animation-timing-function Eigenschaft gibt die Geschwindigkeitskurve einer Animation an.
backface-visibility Die backface-visibility Eigenschaft definiert, ob ein Element sichtbar sein soll, wenn seine Vorderseite nicht Richtung Bildschirm zeigt.
background Die background Kurzschrift legt alle Hintergrundeigenschaften in einer Eigenschaft fest.
background-attachment Die background-attachment Eigenschaft legt fest, ob ein Hintergrundbild mit dem Rest der Seite scrollen soll oder nicht.
background-blend-mode Die background-blend-mode Eigenschaft definiert die Füllmethode jeder Hintergrundschicht (Farbe und / oder Bild).
background-clip Die background-clip Eigenschaft gibt die Bereich des Hintergrundes an.
background-color Die background-color Eigenschaft legt die Hintergrundfarbe eines Elements fest.
background-image Die background-image Eigenschaft setzt einen oder mehrere Hintergrundbilder für ein Element.
background-origin Der background-origin Eigenschaft gibt an, wo das Hintergrundbild positioniert ist.
background-position Die background-position Eigenschaft legt die Startposition eines Hintergrundbildes fest.
background-repeat Die background-repeat Eigenschaft legt fest, ob / wie ein Hintergrundbild wiederholt wird.
background-size Die background-size Eigenschaft gibt die Größe der Hintergrundbilder an.
border Die border Kurzschrift legt alle Rahmeneigenschaften in einer Eigenschaft fest.
border-bottom Die border-bottom Kurzschrift setzt alle unteren border Eigenschaften in einer Eigenschaft fest.
border-bottom-color Die border-bottom-color Eigenschaft setzt die Farbe eines unteren Rand eines Elements.
border-bottom-left-radius Die border-bottom-left-radius Eigenschaft definiert die Form des border der linken unteren Ecke
border-bottom-right-radius Die border-bottom-right-radius Eigenschaft definiert die Form des border der unteren rechten Ecke.
border-bottom-style Die border-bottom-style Eigenschaft setzt den Stil eines unteren Rand des Elements.
border-bottom-width Die border-bottom-width Eigenschaft setzt die Breite eines unteren Rand des Elements.
border-collapse Die border-collapse Eigenschaft legt fest, ob die Tabellenrahmen in einem einzigen Ramen zusammengebrochen oder wie in Standard-HTML abgelöst wird.
border-color Die border-color Eigenschaft setzt die Farbe des Rands eines Elements.
border-image Die border-image Eigenschaft gibt ein Bild an das anstelle des normalen Rahmen um ein Element verwendet wird.
border-image-outset Die border-image-outset Eigenschaft gibt den Wert an, um den sich der Rand Bildbereich jenseits des Rand Feld erstreckt.
border-image-repeat ie border-image-repeat Eigenschaft gibt an, ob das Randbild sich wiederholen, gerundet oder gestreckt werden soll.
border-image-slice Die border-image-slice gibt an, wie das Bild von border-image-source zu schneiden ist. Das Bild wird immer in neun Abschnitte geschnitten: vier Ecken, vier Kanten und der Mitte.
border-image-source Die border-image-source Eigenschaft gibt den Pfad zu dem Bild das als Rand verwendet werden an (anstelle der normalen Rahmen um ein Element).
border-image-width Die border-image-width Eigenschaft gibt die Breite des Rahmens Bilds an.
border-left Die border-left Kurzschrift setzt alle linken Rand Eigenschaften für ein Element.
border-left-color Die border-left-color Eigenschaft setzt die Farbe eines linken Rand des Elements.
border-left-style Die border-left-style Eigenschaft setzt den Stil eines linken Rand des Elements.
border-left-width Die border-left-width Eigenschaft setzt die Breite eines linken Rand des Elements.
border-radius Die border-radius Eigenschaft wird verwendet um abgerundete Ecken zu einem Element hinzuzufügen.
border-right Die border-right Kurzschrift setzt alle rechten Rand Eigenschaften in einer Eigenschaft.
border-right-color Die border-right-color Eigenschaft setzt die Farbe eines rechten Rand des Elements.
border-right-style Die border-right-style Eigenschaft setzt den Stil eines rechten Rand des Elements.
border-right-width Die border-right-width Eigenschaft setzt die Breite eines rechten Rand des Elements.
border-spacing Die border-spacing Eigenschaft legt den Abstand zwischen den Rändern von benachbarten Zellen fest. (nur für "separated borders").
border-style Die border-style-Eigenschaft legt den Stil des Rands eines Elements fest.
border-top Die border-top Kurzschrift setzt alle oberen Rand Eigenschaften in einer Eigenschaft.
border-top-color Die border-top-color Eigenschaft setzt die Farbe eines oberen Rand des Elements.
border-top-left-radius Die border-top-left-radius Eigenschaft definiert die Form des Rands der oberen linken Ecke.
border-top-right-radius Die border-top-right-radius Eigenschaft definiert die Form des Rands der oberen rechten Ecke.
border-top-style Die border-top-style Eigenschaft setzt den Stil eines oberen Rand des Elements.
border-top-width Die border-top-width Eigenschaft setzt die Breite eines oberen Rand des Elements.
border-width Die border-width Eigenschaft setzt die Breite der Ränder des Elements.
bottom Die bottom Eigenschaft setzt den Abstand von unten für ein Element.
box-shadow Die box-shadow Eigenschaft legt einen oder mehrere Schatten auf ein Element.
box-sizing Die box-sizing Eigenschaft wird verwendet, um den Browser zu sagen, was die Dimensionierungs Eigenschaften (width und height) enthalten sollen.
caption-side Die caption-side Eigenschaft gibt die Platzierung einer Tabellenbeschriftung an.
clear Die clear Eigenschaft gibt, auf welchen Seiten eines Elements Elemente umbrechen.
clip Die clip Eigenschaft gibt ein Rechteck an in dem das Element in absolut positionierten Elementen befestigt wird.
color Die color Eigenschaft gibt die Farbe des Textes an.
column-count Die column-count-Eigenschaft gibt die Anzahl der Spalten an in die ein Element unterteilt werden soll.
column-fill Die column-fill Eigenschaft gibt an, wie Spalten gefüllt werden, ausgeglichen oder nicht.
column-gap Die column-gap Eigenschaft gibt den Abstand zwischen den Spalten an.
column-rule Die column-rule Eigenschaft ist eine zusammenfassende Eigenschaft für alle column-rule- * Eigenschaften.
column-rule-color Die column-rule-color Eigenschaft gibt die Farbe zwischen den Spalten an.
column-rule-style Die column-rule-style Eigenschaft gibt den Stil zwischen den Spalten an.
column-rule-width Die column-rule-width Eigenschaft gibt die Breite zwischen den Spalten an.
column-span Die column-span Eigenschaft gibt an, über wie viele Spalten ein Element sich erstrecken soll.
column-width Die column-width Eigenschaft gibt eine vorgeschlagene, optimale Breite für die Spalten an.
columns Die columns Eigenschaft ist eine Abkürzung für die Eigenschaften column-width und column-count.
content Die content Eigenschaft wird mit dem Pseudo-Elementen :before und :after verwendet, um generierte Inhalte einzufügen.
counter-increment Die counter-increment Eigenschaft erhöht ein oder mehrere Zählerwerte .
counter-reset Die counter-reset Eigenschaft erstellt oder resetet einen oder mehrere Zähler.
cursor Die cursor Eigenschaft gibt die Art der Cursor an der angezeigt wird, wenn man auf ein Element zeigt.
direction Die direction Eigenschaft gibt die Textrichtung / Schreibrichtung an.
display Die display Eigenschaft gibt die Art der Box für ein HTML-Element an.
empty-cells Die empty-cells Eigenschaft legt fest, ob Rahmen und Hintergründe für leere Tabellen Zellen angezeigt werden sollen.
filter Die filter Eigenschaft definiert visuelle Effekte (wie Unschärfe und Sättigung) zu einem Element (oft <img>).
flex Die flex Eigenschaft gibt die Länge des Elements, im Verhältnis zum Rest der flexiblen Elemente in dem gleichen Behälter an.
flex-basis Die flex-basis Eigenschaft gibt die anfängliche Länge eines flexiblen Element an.
flex-direction Die Flex-Richtung-Eigenschaft gibt die Richtung der flexiblen Elemente an.
flex-flow Der flex-flow Eigenschaft ist eine zusammenfassende Eigenschaft für die flex-direction und die flex-wrap Eigenschaften.
flex-grow Der flex-grow Eigenschaft gibt an, wie viel das Element an den Rest der flexiblen Elemente in dem gleichen Behälter relativ wachsen wird.
flex-shrink Der flex-shrink Eigenschaft gibt an, wie das Element mit dem Rest der flexiblen Elemente in dem gleichen Behälter relativ schrumpfen wird.
flex-wrap Die flex-wrap Eigenschaft gibt an, ob die flexiblen Elemente umbrechen soll oder nicht.
float Der float Eigenschaft gibt, ob ein Feld (ein Element) schweben soll.
font Die Kurzschrift setzt alle Schrifteigenschaften in einer Erklärung.
font-family Die font-family Eigenschaft gibt die Schriftart für ein Element an.
font-size Die font-size Eigenschaft legt die Größe einer Schrift fest.
font-size-adjust Die font-size-adjust Eigenschaft gibt eine bessere Kontrolle über die Schriftgröße , wenn die erste gewählte Schriftart nicht verfügbar ist.
font-stretch Die font-stretch-Eigenschaft ermöglicht es, Text breiter oder schmaler zu machen.
font-style Die font-style-Eigenschaft gibt den Schriftstil für einen Text an .
font-variant Die font-variant Eigenschaft gibt, ob ein Text in einer groß geschrieben Schriftart angezeigt werden soll.
font-weight Die font-weight Eigenschaft legt fest, wie dick oder dünn Zeichen im Text angezeigt werden sollen.
hanging-punctuation Die hanging-punctuation Eigenschaft gibt an, ob ein Satzzeichen außerhalb der Zeile am Anfang oder am Ende einer vollständigen Textzeile platziert werden soll.
height Die height Eigenschaft legt die Höhe eines Elements fest.
justify-content Die justify-content Eigenschaft richtet die flexiblen Container Elemente aus, wenn die Elemente auf der Hauptachse (horizontal) nicht den gesamten verfügbaren Platz verwenden.
left Die left Eigenschaft setzt den Abstand der linke Kante eines Elements von der linken Kante des nächsten positionierten Vorfahren.
letter-spacing Die letter-spacing Eigenschaft erhöht oder verringert den Abstand zwischen den Zeichen in einem Text.
line-height Die line-height Eigenschaft gibt die Zeilenhöhe an.
list-style Die list-style Kurzschrift setzt alle Listeneigenschaften in einer Eigenschaft.
list-style-image Die list-style-image Eigenschaft ersetzt die list-item Markierung mit einem Bild.
list-style-position Die list-style-position Eigenschaft gibt an, ob die Listenpunkt Marker innerhalb oder außerhalb des Inhaltsfluss erscheinen sollen.
list-style-type Die list-style-type Eigenschaft gibt den Typ des list-item Marker in einer Liste an.
margin Die margin Kurzschrift setzt alle Randeigenschaften in einer Erklärung.
margin-bottom Die margin-bottom Eigenschaft legt den unteren Rand eines Elements fest.
margin-left Die margin-left Eigenschaft setzt den linken Rand eines Elements.
margin-right Die margin-right-Eigenschaft legt den rechten Rand eines Elements fest.
margin-top Die margin-top-Eigenschaft legt den oberen Rand eines Elements fest.
max-height Die max-height Eigenschaft legt die maximale Höhe eines Elements fest.
max-width Die max-width Eigenschaft legt die maximale Breite eines Elements fest.
min-height Die min-height Eigenschaft legt die minimale Höhe eines Elements fest.
min-width Die min-width Eigenschaft legt die minimale Breite eines Elements fest.
nav-down Die nav-down Eigenschaft gibt an, wo die Seite hin springt, wenn man die Pfeil-unten Taste drückt.
nav-index Die nav-Index-Eigenschaft gibt die Tab-Folge für ein Nav-Element an.
nav-left Die nav-left Eigenschaft gibt an, wo die Seite hin springt, wenn man die Pfeil-link Taste drückt.
nav-right Die nav-right Eigenschaft gibt an, wo die Seite hin springt, wenn man die Pfeil-rechts Taste drückt.
nav-up Die nav-up Eigenschaft gibt an, wo die Seite hin springt, wenn man die Pfeil-hoch Taste drückt.
opacity Die opacity Eigenschaft legt die Opazität Ebene für ein Element fest.
order Die order Eigenschaft gibt die Reihenfolge eines flexiblen Element im Verhältnis zum Rest der flexiblen Elemente in dem gleichen Behälter an.
outline Die outline Kurzschrift -Eigenschaft setzt alle Umriss Eigenschaften in einer Eigenschaft.
outline-color Die outline-color Eigenschaft gibt die Farbe eines Umrisses an.
outline-offset Die outline-offset Eigenschaft fügt einen Raum zwischen einem Umriss und dem Rand eines Elements ein.
outline-style Die outline-style Eigenschaft gibt den Stil eines Umrisses an.
outline-width Die outline-width Eigenschaft gibt die Breite eines Umrisses an.
overflow Die overflow Eigenschaft gibt an, was passiert, wenn der Inhalt eines Elements in einer Box überläuft.
overflow-x Die overflow-x Eigenschaft gibt an, was mit der linken/rechten Kante passiert, wenn der Inhalt eines Elements in einer Box überläuft.
overflow-y Die overflow-y Eigenschaft gibt an, was mit der oberen/unteren Kante passiert, wenn der Inhalt eines Elements in einer Box überläuft.
padding Die padding Kurzschrift setzt alle Polstereigenschaften (Innenabstand) in einer Eigenschaft.
padding-bottom Die padding-bottom Eigenschaft legt die untere Polsterung (Innenabstand) eines Elements fest.
padding-left Die padding-left Eigenschaft legt die linke Polsterung (Innenabstand) eines Elements fest.
padding-right Die padding-right Eigenschaft legt die rechte Polsterung (Innenabstand) eines Elements fest.
padding-top Die padding-top Eigenschaft legt die obere Polsterung (Innenabstand) eines Elements fest.
page-break-after Die page-break-after Eigenschaft legt fest, ob ein Seitenumbruch nach einem bestimmten Element auftreten sollte.
page-break-before Die page-break-before Eigenschaft legt fest, ob ein Seitenumbruch vor einem bestimmten Element auftreten sollte.
page-break-inside Die page-break-inside Eigenschaft legt fest, ob ein Seitenumbruch innerhalb eines bestimmten Elements erlaubt ist.
perspective Die Perspektive Eigenschaft legt fest, wie viele Pixel ein 3D-Element außerhalb der aktuellen Sicht platziert wird.
perspective-origin Die perspective-origin Eigenschaft definiert, wo ein 3D-Element in der x- und der y-Achse angezeigt wird.
position Die position Eigenschaft gibt die Art des Positionierungsverfahren für ein Element an,
resize Die resize Eigenschaft gibt an, ob ein Element durch den Benutzer geändert werden kann.
right Die right Eigenschaft setzt den Abstand der rechten Kante eines Elements von der rechten Kante des nächsten positionierten Vorfahren.
tab-size Die tab-size Eigenschaft gibt die Länge des Raumes an der für die Tab-Zeichen verwendet wird.
table-layout Die table-layout Eigenschaft legt den Tabelle Layout-Algorithmus für eine Tabelle fest.
text-align Die text-align Eigenschaft gibt die horizontale Ausrichtung von Text in einem Element an.
text-align-last Die text-align-last Eigenschaft gibt an, wie sich die letzte Zeile eines Textes auszurichten soll.
text-decoration Die text-decoration Eigenschaft gibt die Dekoration die zu Text hinzugefügt wird an.
text-decoration-color Die text-decoration -color Eigenschaft gibt die Farbe der Textes-Dekoration an.
text-decoration-line Die text-decoration-line Eigenschaft gibt, welche Art von Linie, wenn überhaupt, die Dekoration haben soll.
text-decoration-style Die text-decoration-style Eigenschaft gibt an, wie die Linie, falls vorhanden, angezeigt werden soll.
text-indent Die text-indent Eigenschaft gibt die Einrückung der ersten Zeile in einem Textblock an.
text-justify Die text-justify Eigenschaft gibt die Justierungs-Methode an, wenn text-align auf "justify" steht.
text-overflow Die text-overflow Eigenschaft gibt an, wie übergelaufene Inhalte, die nicht angezeigt werden dem Benutzer signalisiert werden.
text-shadow Die text-shadow Eigenschaft fügt Schatten zu einem Text hinzu.
text-transform Die text-transform Eigenschaft steuert die Groß- Kleinschreibung von Text.
top Die top Eigenschaft setzt den Abstand von oben für ein Element.
transform Die transform Eigenschaft legt eine 2D- oder 3D-Transformation auf ein Element.
transform-origin Die transform-origin Eigenschaft kann die Position von transformierten Elementen ändern.
transform-style Die transform-style Eigenschaft gibt an, wie verschachtelte Elemente im 3D-Raum wiedergegeben werden.
transition Die transition Eigenschaft ist eine zusammenfassende Eigenschaft für die vier Übergangseigenschaften.
transition-delay Die transition-delay Eigenschaft gibt an, wenn der Übergangseffekt beginnt.
transition-duration Die transition-duration Eigenschaft gibt an, wie viele Sekunden(s) oder Millisekunden (ms) ein Übergangseffekt in Anspruch nimmt.
transition-property Die transition-property Eigenschaft gibt den Namen der CSS-Eigenschaft für die der Übergangseffekt ist an.
transition-timing-function Die transition-timing-function Eigenschaft gibt die Geschwindigkeitskurve des Übergangseffekts an.
unicode-bidi Die unicode-bidi Eigenschaft wird verwendet um zurück zu geben oder zu setzen ob der Text überschrieben werden soll.
vertical-align Die vertical-align Eigenschaft legt die vertikale Ausrichtung eines Elements fest.
visibility Die visibility Eigenschaft gibt an ob ein Element sichtbar ist oder nicht.
white-space Die white-space Eigenschaft gibt an, wie weiß-Raum innerhalb eines Elements behandelt wird.
width Die width Eigenschaft setzt die Breite eines Elements.
word-break Die word-break Eigenschaft gibt für nicht CJK-Skripte Regeln zum umbrechen an.
word-spacing Die word-spacing Eigenschaft erhöht oder verringert den Leerraum zwischen den Wörtern.
word-wrap Die word-wrap Eigenschaft ermöglicht es lange Wörter umzubrechen.
z-index Die z-index-Eigenschaft gibt die Stapelreihenfolge eines Elements an.