CSS Eigenschaften

CSS Eigenschaften – Alle CSS Attribute und Referenzen: Liste

Tauche ein in die Welt des CSS: Finde schnell die passende Eigenschaft für dein Projekt in unserer umfassenden Liste mit klaren Referenzen und Beispielen.

Inhaltsangabe

Liste aller CSS Eigenschaften - Referenzen und Properties

@charsetLegt die Zeichenkodierung im Stylesheet fest.
@font-faceEine Regel, die Websites ermöglicht, Schriftarten herunterzuladen und zu nutzen, die über die 'web-sicheren' Schriftarten hinausgehen.
@font-feature-valuesErmöglicht Autoren, in font-variant-alternate einen gemeinsamen Namen für Funktionen zu verwenden, die in OpenType unterschiedlich aktiviert werden.
@importErmöglicht das Importieren eines Stylesheets in ein anderes Stylesheet.
@keyframesLegt den Animationscode fest.
@mediaDefiniert die Stilregeln für verschiedene Medientypen/Geräte/Größen.
accent-colorLegt eine Akzentfarbe für Benutzeroberflächen-Steuerungen fest.
align-contentBestimmt die Ausrichtung zwischen den Zeilen in einem flexiblen Container, wenn die Elemente nicht den gesamten verfügbaren Platz nutzen.
align-itemsLegt die Ausrichtung für Elemente in einem flexiblen Container fest.
align-selfLegt die Ausrichtung für ausgewählte Elemente in einem flexiblen Container fest.
allSetzt alle Eigenschaften zurück (außer unicode-bidi und direction).
animationEine Kurzschreibweise für alle animation-* Eigenschaften.
animation-delayLegt eine Verzögerung für den Start einer Animation fest.
animation-directionGibt an, ob eine Animation vorwärts, rückwärts oder in alternierenden Zyklen abgespielt werden soll.
animation-durationLegt fest, wie lange eine Animation benötigt, um einen Zyklus abzuschließen.
animation-fill-modeSpezifiziert einen Stil für das Element, wenn die Animation nicht abgespielt wird (bevor sie beginnt, nachdem sie endet oder beides).
animation-iteration-countGibt an, wie oft eine Animation abgespielt werden soll.
animation-nameLegt einen Namen für die @keyframes Animation fest.
animation-play-stateGibt an, ob die Animation läuft oder pausiert ist.
animation-timing-functionBestimmt die Geschwindigkeitskurve einer Animation.
aspect-ratioGibt das bevorzugte Seitenverhältnis eines Elements an.
backdrop-filterDefiniert einen grafischen Effekt für den Bereich hinter einem Element.
backface-visibilityLegt fest, ob die Rückseite eines Elements sichtbar sein soll, wenn sie dem Benutzer zugewandt ist.
backgroundEine Kurzschreibweise für alle background-* Eigenschaften.
background-attachmentLegt fest, ob ein Hintergrundbild mit dem Rest der Seite scrollt oder fixiert ist.
background-blend-modeGibt den Mischmodus jeder Hintergrundeinstellung (Farbe/Bild) an.
background-clipDefiniert, wie weit der Hintergrund (Farbe oder Bild) innerhalb eines Elements reichen soll.
background-colorLegt die Hintergrundfarbe eines Elements fest.
background-imageSpezifiziert ein oder mehrere Hintergrundbilder für ein Element.
background-originLegt die Ursprungsposition eines Hintergrundbildes fest.
background-positionGibt die Position eines Hintergrundbildes an.
background-position-xGibt die Position eines Hintergrundbildes auf der x-Achse an.
background-position-yGibt die Position eines Hintergrundbildes auf der y-Achse an.
background-repeatLegt fest, ob/wie ein Hintergrundbild wiederholt wird.
background-sizeGibt die Größe der Hintergrundbilder an.
block-sizeLegt die Größe eines Elements in Blockrichtung fest.
borderEine Kurzschreibweise für border-width, border-style und border-color.
border-blockEine Kurzschreibweise für border-block-width, border-block-style und border-block-color.
border-block-colorLegt die Farbe der Ränder am Anfang und Ende in Blockrichtung fest.
border-block-endEine Kurzschreibweise für border-block-end-width, border-block-end-style und border-block-end-color.
border-block-end-colorLegt die Farbe des Randes am Ende in Blockrichtung fest.
border-block-end-styleLegt den Stil des Randes am Ende in Blockrichtung fest.
border-block-end-widthLegt die Breite des Randes am Ende in Blockrichtung fest.
border-block-startEine Kurzschreibweise für border-block-start-width, border-block-start-style und border-block-start-color.
border-block-start-colorLegt die Farbe des Randes am Anfang in Blockrichtung fest.
border-block-start-styleLegt den Stil des Randes am Anfang in Blockrichtung fest.
border-block-start-widthLegt die Breite des Randes am Anfang in Blockrichtung fest.
border-block-styleLegt den Stil der Ränder am Anfang und Ende in Blockrichtung fest.
border-block-widthLegt die Breite der Ränder am Anfang und Ende in Blockrichtung fest.
border-bottomEine Kurzschreibweise für border-bottom-width, border-bottom-style und border-bottom-color.
border-bottom-colorLegt die Farbe des unteren Randes fest
border-bottom-left-radiusDefiniert den Radius der Ecke des unteren linken Randes
border-bottom-right-radiusDefiniert den Radius der Ecke des unteren rechten Randes
border-bottom-styleLegt den Stil des unteren Randes fest
border-bottom-widthLegt die Breite des unteren Randes fest
border-collapseBestimmt, ob Tabellenränder zu einem einzigen Rand zusammenfallen oder getrennt bleiben sollen
border-colorLegt die Farbe der vier Ränder fest
border-end-end-radiusDefiniert den Radius der Ecke zwischen der Block-End- und der Inline-End-Seite des Elements
border-end-start-radiusDefiniert den Radius der Ecke zwischen der Block-End- und der Inline-Start-Seite des Elements
border-imageEine Kurzschreibweise für alle border-image-* Eigenschaften
border-image-outsetGibt an, um wie viel der Bereich des Randbildes über die Randbox hinausgeht
border-image-repeatGibt an, ob das Randbild wiederholt, gerundet oder gestreckt werden soll
border-image-sliceSpezifiziert, wie das Randbild geschnitten werden soll
border-image-sourceGibt den Pfad zum Bild an, das als Rand verwendet werden soll
border-image-widthLegt die Breite des Randbildes fest
border-inlineEine Kurzschreibweise für border-inline-width, border-inline-style und border-inline-color
border-inline-colorLegt die Farbe der Ränder am Anfang und am Ende in der Inline-Richtung fest
border-inline-endEine Kurzschreibweise für border-inline-end-width, border-inline-end-style und border-inline-end-color
border-inline-end-colorLegt die Farbe des Randes am Ende in der Inline-Richtung fest
border-inline-end-styleLegt den Stil des Randes am Ende in der Inline-Richtung fest
border-inline-end-widthLegt die Breite des Randes am Ende in der Inline-Richtung fest
border-inline-startEine Kurzschreibweise für border-inline-start-width, border-inline-start-style und border-inline-start-color
border-inline-start-colorLegt die Farbe des Randes am Anfang in der Inline-Richtung fest
border-inline-start-styleLegt den Stil des Randes am Anfang in der Inline-Richtung fest
border-inline-start-widthLegt die Breite des Randes am Anfang in der Inline-Richtung fest
border-inline-styleLegt den Stil der Ränder am Anfang und am Ende in der Inline-Richtung fest
border-inline-widthLegt die Breite der Ränder am Anfang und am Ende in der Inline-Richtung fest
border-leftEine Kurzschreibweise für alle border-left-* Eigenschaften
border-left-colorLegt die Farbe des linken Randes fest
border-left-styleLegt den Stil des linken Randes fest
border-left-widthLegt die Breite des linken Randes fest
border-radiusEine Kurzschreibweise für die vier border-*-radius Eigenschaften
border-rightEine Kurzschreibweise für alle border-right-* Eigenschaften
border-right-colorLegt die Farbe des rechten Randes fest
border-right-styleLegt den Stil des rechten Randes fest
border-right-widthLegt die Breite des rechten Randes fest
border-spacingLegt den Abstand zwischen den Rändern benachbarter Zellen fest
border-start-end-radiusDefiniert den Radius der Ecke zwischen der Block-Start- und der Inline-End-Seite des Elements
border-start-start-radiusDefiniert den Radius der Ecke zwischen der Block-Start- und der Inline-Start-Seite des Elements
border-styleLegt den Stil der vier Ränder fest
border-topEine Kurzschreibweise für border-top-width, border-top-style und border-top-color
border-top-colorLegt die Farbe des oberen Randes fest
border-top-left-radiusDefiniert den Radius der Ecke des oberen linken Randes
border-top-right-radiusDefiniert den Radius der Ecke des oberen rechten Randes
border-top-styleLegt den Stil des oberen Randes fest
border-top-widthLegt die Breite des oberen Randes fest
border-widthLegt die Breite der vier Ränder fest
bottomLegt die Position des Elements fest, vom unteren Rand des Elternelements
box-decoration-breakLegt das Verhalten des Hintergrunds und des Randes eines Elements beim Seitenwechsel fest oder, für Inline-Elemente, beim Zeilenumbruch.
box-reflectDie Eigenschaft box-reflect wird verwendet, um eine Reflexion eines Elements zu erzeugen.
box-shadowFügt einem Element einen oder mehrere Schatten hinzu.
box-sizingDefiniert, wie die Breite und Höhe eines Elements berechnet werden sollen: Sollen sie Padding und Ränder inkludieren oder nicht?
break-afterGibt an, ob nach dem angegebenen Element ein Seiten-, Spalten- oder Bereichsumbruch erfolgen soll oder nicht.
break-beforeGibt an, ob vor dem angegebenen Element ein Seiten-, Spalten- oder Bereichsumbruch erfolgen soll oder nicht.
break-insideGibt an, ob innerhalb des angegebenen Elements ein Seiten-, Spalten- oder Bereichsumbruch erfolgen soll oder nicht.
caption-sideSpezifiziert die Platzierung einer Tabellenüberschrift.
caret-colorLegt die Farbe des Cursors (Caret) in Eingabefeldern, Textbereichen oder jedem bearbeitbaren Element fest.
clearSpezifiziert, was mit dem Element passieren soll, das sich neben einem schwebenden Element befindet.
clipSchneidet ein absolut positioniertes Element ab.
clip-pathSchneidet ein Element auf eine Grundform oder eine SVG-Quelle zu.
colorLegt die Textfarbe fest.
column-countGibt an, in wie viele Spalten ein Element aufgeteilt werden soll.
column-fillSpezifiziert, wie die Spalten gefüllt werden sollen, ausbalanciert oder nicht.
column-gapGibt den Abstand zwischen den Spalten an.
column-ruleEine Kurzschreibweise für alle column-rule-* Eigenschaften.
column-rule-colorSpezifiziert die Farbe der Regel zwischen den Spalten.
column-rule-styleSpezifiziert den Stil der Regel zwischen den Spalten.
column-rule-widthSpezifiziert die Breite der Regel zwischen den Spalten.
column-spanGibt an, über wie viele Spalten sich ein Element erstrecken soll.
column-widthSpezifiziert die Spaltenbreite.
columnsEine Kurzschreibweise für column-width und column-count.
contentWird mit den Pseudoelementen :before und :after verwendet, um generierten Inhalt einzufügen.
counter-incrementErhöht oder verringert den Wert eines oder mehrerer CSS-Zähler.
counter-resetErstellt oder setzt einen oder mehrere CSS-Zähler zurück.
counter-setErstellt oder setzt einen oder mehrere CSS-Zähler.
cursorSpezifiziert den Mauszeiger, der angezeigt werden soll, wenn er auf ein Element zeigt.
directionSpezifiziert die Text- bzw. Schreibrichtung.
displaySpezifiziert, wie ein bestimmtes HTML-Element angezeigt werden soll.
empty-cellsSpezifiziert, ob Rahmen und Hintergrund bei leeren Zellen in einer Tabelle angezeigt werden sollen oder nicht.
filterDefiniert Effekte (z.B. Unschärfe oder Farbverschiebung) auf einem Element, bevor das Element angezeigt wird.
flexEine Kurzschreibweise für die Eigenschaften flex-grow, flex-shrink, und flex-basis.
flex-basisSpezifiziert die Anfangslänge eines flexiblen Elements.
flex-directionSpezifiziert die Richtung der flexiblen Elemente.
flex-flowEine Kurzschreibweise für die Eigenschaften flex-direction und flex-wrap.
flex-growSpezifiziert, wie stark das Element im Vergleich zum Rest wachsen soll.
flex-shrinkSpezifiziert, wie das Element im Vergleich zum Rest schrumpfen soll.
flex-wrapSpezifiziert, ob die flexiblen Elemente umgebrochen werden sollen oder nicht.
floatSpezifiziert, ob ein Element links, rechts oder gar nicht schweben soll.
fontEine Kurzschreibweise für die Eigenschaften font-style, font-variant, font-weight, font-size/line-height, und font-family.
font-familySpezifiziert die Schriftfamilie für den Text.
font-feature-settingsErmöglicht die Kontrolle über fortgeschrittene typografische Funktionen in OpenType-Schriften.
font-kerningSteuert die Verwendung von Kerning-Informationen (wie Buchstaben beabstandet werden).
font-language-overrideSteuert die Verwendung von sprachspezifischen Glyphen in einer Schriftart.
font-sizeSpezifiziert die Schriftgröße des Texts.
font-size-adjustErhält die Lesbarkeit des Texts bei Font-Fallback.
font-stretchWählt eine normale, komprimierte oder erweiterte Schriftart aus einer Schriftfamilie aus.
font-styleSpezifiziert den Schriftstil für den Text.
font-synthesisSteuert, welche fehlenden Schriftarten (fett oder kursiv) vom Browser synthetisiert werden können.
font-variantSpezifiziert, ob ein Text in einer Small-Caps-Schrift angezeigt werden soll oder nicht.
font-variant-alternatesSteuert die Verwendung von alternativen Glyphen, die mit alternativen Namen in @font-feature-values definiert sind.
font-variant-capsSteuert die Verwendung von alternativen Glyphen für Großbuchstaben.
font-variant-east-asianSteuert die Verwendung von alternativen Glyphen für ostasiatische Schriftsysteme (z.B. Japanisch und Chinesisch).
font-variant-ligaturesSteuert, welche Ligaturen und kontextabhängige Formen in textuellen Inhalten der betreffenden Elemente verwendet werden.
font-variant-numericSteuert die Verwendung von alternativen Glyphen für Zahlen, Brüche und Ordnungsmarker.
font-variant-positionSteuert die Verwendung von alternativen Glyphen kleinerer Größe, die als hoch- oder tiefgestellt bezogen auf die Grundlinie der Schrift positioniert sind.
font-weightLegt die Stärke einer Schrift fest.
gapEine Kurzschreibweise für die Eigenschaften row-gap und column-gap.
gridEine Kurzschreibweise für die Eigenschaften grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns und grid-auto-flow.
grid-areaEntweder wird ein Name für das Grid-Element festgelegt, oder diese Eigenschaft ist eine Kurzschreibweise für die Eigenschaften grid-row-start, grid-column-start, grid-row-end und grid-column-end.
grid-auto-columnsLegt eine Standardspaltengröße fest.
grid-auto-flowLegt fest, wie automatisch platzierte Elemente im Grid eingefügt werden.
grid-auto-rowsLegt eine Standardzeilengröße fest.
grid-columnEine Kurzschreibweise für die Eigenschaften grid-column-start und grid-column-end.
grid-column-endLegt fest, wo das Grid-Element endet.
grid-column-gapLegt die Größe des Abstands zwischen den Spalten fest.
grid-column-startLegt fest, wo das Grid-Element beginnt.
grid-gapEine Kurzschreibweise für die Eigenschaften grid-row-gap und grid-column-gap.
grid-rowEine Kurzschreibweise für die Eigenschaften grid-row-start und grid-row-end.
grid-row-endLegt fest, wo das Grid-Element endet.
grid-row-gapLegt die Größe des Abstands zwischen den Zeilen fest.
grid-row-startLegt fest, wo das Grid-Element beginnt.
grid-templateEine Kurzschreibweise für die Eigenschaften grid-template-rows, grid-template-columns und grid-areas.
grid-template-areasLegt fest, wie Spalten und Zeilen mit benannten Grid-Elementen angezeigt werden.
grid-template-columnsLegt die Größe der Spalten und die Anzahl der Spalten in einem Grid-Layout fest.
grid-template-rowsLegt die Größe der Zeilen in einem Grid-Layout fest.
hanging-punctuationLegt fest, ob ein Satzzeichen außerhalb der Zeilenbox platziert werden darf.
heightLegt die Höhe eines Elements fest.
hypenate-characterLegt das Zeichen fest, das am Ende einer Zeile vor einem Trennungsbruch verwendet wird.
hyphensLegt fest, wie Wörter getrennt werden, um das Layout des Textes zu verbessern.
image-renderingLegt den Typ des Algorithmus für die Bildskalierung fest.
inline-sizeLegt die Größe eines Elements in der Inline-Richtung fest.
insetLegt den Abstand zwischen einem Element und dem Elternelement fest.
inset-blockLegt den Abstand zwischen einem Element und dem Elternelement in Blockrichtung fest.
inset-block-endLegt den Abstand zwischen dem Ende eines Elements und dem Elternelement in Blockrichtung fest.
inset-block-startLegt den Abstand zwischen dem Beginn eines Elements und dem Elternelement in Blockrichtung fest.
inset-inlineLegt den Abstand zwischen einem Element und dem Elternelement in Inline-Richtung fest.
inset-inline-endLegt den Abstand zwischen dem Ende eines Elements und dem Elternelement in Inline-Richtung fest.
inset-inline-startLegt den Abstand zwischen dem Beginn eines Elements und dem Elternelement in Inline-Richtung fest.
isolationDefiniert, ob ein Element einen neuen Stapelinhalt erstellen muss.
justify-contentLegt die Ausrichtung zwischen den Elementen innerhalb eines flexiblen Containers fest, wenn die Elemente nicht den gesamten verfügbaren Platz nutzen.
justify-itemsWird auf den Grid-Container gesetzt. Legt die Ausrichtung von Grid-Elementen in Inline-Richtung fest.
justify-selfWird auf das Grid-Element gesetzt. Legt die Ausrichtung des Grid-Elements in Inline-Richtung fest.
leftLegt die linke Position eines positionierten Elements fest.
letter-spacingErhöht oder verringert den Abstand zwischen den Zeichen in einem Text.
line-breakLegt fest, wie/ob Zeilen umgebrochen werden.
line-heightLegt die Zeilenhöhe fest.
list-styleLegt alle Eigenschaften für eine Liste in einer Deklaration fest.
list-style-imageLegt ein Bild als Listenelement-Marker fest.
list-style-positionLegt die Position der Listenelement-Marker (Bullet Points) fest.
list-style-typeLegt den Typ des Listenelement-Markers fest.
marginLegt alle Abstandseigenschaften in einer Deklaration fest
margin-blockSpezifiziert den Abstand in Blockrichtung
margin-block-endSpezifiziert den Abstand am Ende in Blockrichtung
margin-block-startSpezifiziert den Abstand am Anfang in Blockrichtung
margin-bottomLegt den unteren Abstand eines Elements fest
margin-inlineSpezifiziert den Abstand in Inline-Richtung
margin-inline-endSpezifiziert den Abstand am Ende in Inline-Richtung
margin-inline-startSpezifiziert den Abstand am Anfang in Inline-Richtung
margin-leftLegt den linken Abstand eines Elements fest
margin-rightLegt den rechten Abstand eines Elements fest
margin-topLegt den oberen Abstand eines Elements fest
maskVerbirgt Teile eines Elements durch Maskierung oder Ausschneiden eines Bildes an spezifischen Stellen
mask-clipSpezifiziert den Maskenbereich
mask-compositeStellt eine Compositing-Operation dar, die auf der aktuellen Maskenebene mit den darunter liegenden Maskenebenen verwendet wird
mask-imageSpezifiziert ein Bild, das als Maskenebene für ein Element verwendet wird
mask-modeSpezifiziert, ob das Maskenebenenbild als Luminanzmaske oder als Alphamaske behandelt wird
mask-originSpezifiziert die Ursprungsposition (den Maskenpositionsbezirk) eines Maskenebenenbildes
mask-positionLegt die Ausgangsposition eines Maskenebenenbildes fest (relativ zum Maskenpositionsbezirk)
mask-repeatSpezifiziert, wie das Maskenebenenbild wiederholt wird
mask-sizeSpezifiziert die Größe eines Maskenebenenbildes
mask-typeSpezifiziert, ob ein SVG--Element als Luminanzmaske oder als Alphamaske behandelt wird
max-block-sizeLegt die maximale Größe eines Elements in Blockrichtung fest
max-heightLegt die maximale Höhe eines Elements fest
max-inline-sizeLegt die maximale Größe eines Elements in Inline-Richtung fest
max-widthLegt die maximale Breite eines Elements fest
min-block-sizeLegt die minimale Größe eines Elements in Blockrichtung fest
min-heightLegt die minimale Höhe eines Elements fest
min-inline-sizeLegt die minimale Größe eines Elements in Inline-Richtung fest
min-widthLegt die minimale Breite eines Elements fest
mix-blend-modeSpezifiziert, wie der Inhalt eines Elements mit seinem direkten Elternhintergrund verschmelzen soll
object-fitSpezifiziert, wie der Inhalt eines ersetzten Elements in die durch seine verwendete Höhe und Breite festgelegte Box passen soll
object-positionSpezifiziert die Ausrichtung des ersetzten Elements innerhalb seiner Box
offsetIst eine Kurzform und spezifiziert, wie ein Element entlang eines Pfades animiert werden soll
offset-anchorSpezifiziert einen Punkt an einem Element, der am Pfad fixiert ist, entlang dem es animiert wird
offset-distanceSpezifiziert die Position entlang eines Pfades, an der ein animiertes Element platziert wird
offset-pathSpezifiziert den Pfad, entlang dem ein Element animiert wird
offset-rotateSpezifiziert die Drehung eines Elements, während es entlang eines Pfades animiert wird
opacityLegt den Transparenzgrad für ein Element fest
orderLegt die Reihenfolge des flexiblen Elements relativ zum Rest fest
orphansLegt die Mindestanzahl von Zeilen fest, die am Ende einer Seite oder Spalte verbleiben müssen
outlineEine Kurzform für die Eigenschaften outline-width, outline-style und outline-color
outline-colorLegt die Farbe einer Kontur fest
outline-offsetVerschiebt eine Kontur und zeichnet sie über den Rand hinaus
outline-styleLegt den Stil einer Kontur fest
outline-widthLegt die Breite einer Kontur fest
overflowSpezifiziert, was passiert, wenn der Inhalt den Box-Bereich eines Elements übersteigt
overflow-anchorSpezifiziert, ob der Inhalt im sichtbaren Bereich eines scrollbaren Containers nach unten geschoben werden soll, wenn oben neuer Inhalt geladen wird
overflow-wrapSpezifiziert, ob der Browser Zeilen mit langen Wörtern umbrechen kann, wenn sie den Container überlaufen
overflow-xSpezifiziert, ob die linken/rechten Kanten des Inhalts abgeschnitten werden sollen, wenn sie den Inhaltsbereich des Elements übersteigen
overflow-ySpezifiziert, ob die oberen/unteren Kanten des Inhalts abgeschnitten werden sollen, wenn sie den Inhaltsbereich des Elements übersteigen
overscroll-behaviorGibt an, ob Scroll-Verkettung oder Overscroll-Affordance in x- und y-Richtungen vorhanden sein soll.
overscroll-behavior-blockGibt an, ob Scroll-Verkettung oder Overscroll-Affordance in Blockrichtung vorhanden sein soll.
overscroll-behavior-inlineGibt an, ob Scroll-Verkettung oder Overscroll-Affordance in Inline-Richtung vorhanden sein soll.
overscroll-behavior-xGibt an, ob Scroll-Verkettung oder Overscroll-Affordance in x-Richtung vorhanden sein soll.
overscroll-behavior-yGibt an, ob Scroll-Verkettung oder Overscroll-Affordance in y-Richtungen vorhanden sein soll.
paddingEine Kurzschreibweise für alle padding-* Eigenschaften.
padding-blockGibt das Padding in Blockrichtung an.
padding-block-endGibt das Padding am Ende in Blockrichtung an.
padding-block-startGibt das Padding am Anfang in Blockrichtung an.
padding-bottomLegt das untere Padding eines Elements fest.
padding-inlineGibt das Padding in Inline-Richtung an.
padding-inline-endGibt das Padding am Ende in Inline-Richtung an.
padding-inline-startGibt das Padding am Anfang in Inline-Richtung an.
padding-leftLegt das linke Padding eines Elements fest.
padding-rightLegt das rechte Padding eines Elements fest.
padding-topLegt das obere Padding eines Elements fest.
page-break-afterLegt das Verhalten des Seitenumbruchs nach einem Element fest.
page-break-beforeLegt das Verhalten des Seitenumbruchs vor einem Element fest.
page-break-insideLegt das Verhalten des Seitenumbruchs innerhalb eines Elements fest.
paint-orderLegt die Reihenfolge fest, in der ein SVG-Element oder Text bemalt wird.
perspectiveGibt einem 3D-positionierten Element eine Perspektive.
perspective-originDefiniert, an welcher Position der Benutzer das 3D-positionierte Element betrachtet.
place-contentGibt die Eigenschaftswerte align-content und justify-content für Flexbox- und Grid-Layouts an.
place-itemsGibt die Eigenschaftswerte align-items und justify-items für Grid-Layouts an.
place-selfGibt die Eigenschaftswerte align-self und justify-self für Grid-Layouts an.
pointer-eventsDefiniert, ob ein Element auf Zeigerereignisse reagiert oder nicht.
positionGibt die Art der Positionierungsmethode an, die für ein Element verwendet wird (statisch, relativ, absolut oder fest).
quotesLegt die Art der Anführungszeichen für eingebettete Zitate fest.
resizeDefiniert, ob (und wie) ein Element vom Benutzer in der Größe verändert werden kann.
rightGibt die rechte Position eines positionierten Elements an.
rotateGibt die Rotation eines Elements an.
row-gapGibt den Abstand zwischen den Grid-Reihen an.
scaleGibt die Größe eines Elements durch Vergrößern oder Verkleinern an.
scroll-behaviorGibt an, ob die Scroll-Position in einem scrollbaren Feld sanft animiert werden soll, anstatt eines direkten Sprungs.
scroll-marginGibt den Abstand zwischen der Snap-Position und dem Container an.
scroll-margin-blockGibt den Abstand zwischen der Snap-Position und dem Container in Blockrichtung an.
scroll-margin-block-endGibt den Abstand am Ende zwischen der Snap-Position und dem Container in Blockrichtung an.
scroll-margin-block-startGibt den Abstand am Anfang zwischen der Snap-Position und dem Container in Blockrichtung an.
scroll-margin-bottomGibt den Abstand zwischen der Snap-Position an der Unterseite und dem Container an.
scroll-margin-inlineGibt den Abstand zwischen der Snap-Position und dem Container in Inline-Richtung an.
scroll-margin-inline-endGibt den Abstand am Ende zwischen der Snap-Position und dem Container in Inline-Richtung an.
scroll-margin-inline-startGibt den Abstand am Anfang zwischen der Snap-Position und dem Container in Inline-Richtung an.
scroll-margin-leftGibt den Abstand zwischen der Snap-Position an der linken Seite und dem Container an.
scroll-margin-rightGibt den Abstand zwischen der Snap-Position an der rechten Seite und dem Container an.
scroll-margin-topGibt den Abstand zwischen der Snap-Position an der Oberseite und dem Container an.
scroll-paddingGibt den Abstand vom Container zur Snap-Position auf den untergeordneten Elementen an.
scroll-padding-blockGibt den Abstand in Blockrichtung vom Container zur Snap-Position auf den untergeordneten Elementen an.
scroll-padding-block-endGibt den Abstand in Blockrichtung vom Ende des Containers zur Snap-Position auf den untergeordneten Elementen an.
scroll-padding-block-startGibt den Abstand in Blockrichtung vom Anfang des Containers zur Snap-Position auf den untergeordneten Elementen an.
scroll-padding-bottomGibt den Abstand vom Boden des Containers zur Snap-Position auf den untergeordneten Elementen an.
scroll-padding-inlineLegt den Abstand in Inline-Richtung vom Container zur Snap-Position auf den Kind-Elementen fest
scroll-padding-inline-endLegt den Abstand in Inline-Richtung vom Ende des Containers zur Snap-Position auf den Kind-Elementen fest
scroll-padding-inline-startLegt den Abstand in Inline-Richtung vom Start des Containers zur Snap-Position auf den Kind-Elementen fest
scroll-padding-leftLegt den Abstand von der linken Seite des Containers zur Snap-Position auf den Kind-Elementen fest
scroll-padding-rightLegt den Abstand von der rechten Seite des Containers zur Snap-Position auf den Kind-Elementen fest
scroll-padding-topLegt den Abstand von der Oberseite des Containers zur Snap-Position auf den Kind-Elementen fest
scroll-snap-alignLegt fest, wo Elemente positioniert werden sollen, wenn der Benutzer das Scrollen stoppt
scroll-snap-stopLegt das Scroll-Verhalten nach schnellem Wischen auf dem Trackpad oder Touchscreen fest
scroll-snap-typeLegt fest, wie das Snap-Verhalten beim Scrollen sein sollte
scrollbar-colorLegt die Farbe der Scrollbar eines Elements fest
tab-sizeLegt die Breite eines Tab-Zeichens fest
table-layoutDefiniert den Algorithmus zum Anordnen von Tabellenzellen, -reihen und -spalten
text-alignLegt die horizontale Ausrichtung des Textes fest
text-align-lastBeschreibt, wie die letzte Zeile eines Blocks oder eine Zeile direkt vor einem erzwungenen Zeilenumbruch ausgerichtet ist, wenn text-align 'justify' ist
text-combine-uprightLegt die Kombination mehrerer Zeichen in den Raum eines einzelnen Zeichens fest
text-decorationLegt die dem Text hinzugefügte Dekoration fest
text-decoration-colorLegt die Farbe der Textdekoration fest
text-decoration-lineLegt die Art der Linie in einer Textdekoration fest
text-decoration-styleLegt den Stil der Linie in einer Textdekoration fest
text-decoration-thicknessLegt die Dicke der Dekorationslinie fest
text-emphasisEine Kurzschreibweise für die Eigenschaften text-emphasis-style und text-emphasis-color
text-emphasis-colorLegt die Farbe der Betonungszeichen fest
text-emphasis-positionLegt die Position der Betonungszeichen fest
text-emphasis-styleLegt den Stil der Betonungszeichen fest
text-indentLegt die Einrückung der ersten Zeile in einem Textblock fest
text-justifyLegt die Rechtfertigungsmethode fest, die verwendet wird, wenn text-align 'justify' ist
text-orientationDefiniert die Ausrichtung der Zeichen in einer Zeile
text-overflowLegt fest, was passieren soll, wenn Text das umgebende Element überläuft
text-shadowFügt dem Text einen Schatten hinzu
text-transformSteuert die Groß-/Kleinschreibung des Textes
text-underline-offsetLegt den Offset-Abstand der Unterstrich-Textdekoration fest
text-underline-positionLegt die Position der Unterstrich-Textdekoration fest
topLegt die obere Position eines positionierten Elements fest
transformWendet eine 2D- oder 3D-Transformation auf ein Element an
transform-originErmöglicht es Ihnen, die Position von transformierten Elementen zu ändern
transform-styleLegt fest, wie verschachtelte Elemente in 3D-Raum gerendert werden
transitionEine Kurzschreibweise für alle transition-* Eigenschaften
transition-delayLegt fest, wann der Übergangseffekt beginnen wird
transition-durationLegt fest, wie viele Sekunden oder Millisekunden ein Übergangseffekt zur Fertigstellung benötigt
transition-propertyLegt den Namen der CSS-Eigenschaft fest, für die der Übergangseffekt gedacht ist
transition-timing-functionLegt die Geschwindigkeitskurve des Übergangseffekts fest
translateLegt die Position eines Elements fest
unicode-bidiWird zusammen mit der Eigenschaft direction verwendet, um festzulegen oder zurückzugeben, ob der Text überschrieben werden soll, um mehrere Sprachen im selben Dokument zu unterstützen
user-selectLegt fest, ob der Text eines Elements ausgewählt werden kann
vertical-alignLegt die vertikale Ausrichtung eines Elements fest
visibilityLegt fest, ob ein Element sichtbar ist oder nicht
white-spaceLegt fest, wie Leerzeichen innerhalb eines Elements behandelt werden
widowsLegt die Mindestanzahl von Zeilen fest, die oben auf einer Seite oder Spalte stehen müssen
widthLegt die Breite eines Elements fest
word-breakLegt fest, wie Wörter beim Erreichen des Zeilenendes getrennt werden sollen
word-spacingErhöht oder verringert den Abstand zwischen den Wörtern in einem Text
word-wrapErmöglicht es, dass lange, nicht trennbare Wörter getrennt und in die nächste Zeile umgebrochen werden können
writing-modeLegt fest, ob Textzeilen horizontal oder vertikal angeordnet sind
z-indexLegt die Stapelreihenfolge eines positionierten Elements fest
Seofox Blog - Alle Infos zu Marketing und Entwicklung

*aktuell nur in Österreich verfügbar

Vereinbare jetzt ein kostenloses Erstgespräch

Ein kurzer Schritt noch!

SEO-Analyse bekommen und
auf Google erfolgreich werden!

Ein kurzer Schritt noch!

SEO-Analyse bekommen und
auf Google erfolgreich werden!