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. |