CSS-Referenzhandbuch

CSS-Attribute

A

accent-color Gibt die Akzentfarbe der Benutzeroberfläche an.
align-content Regelt die Ausrichtung der Zeilen im flexiblen Container, wenn die Projekte nicht den gesamten verfügbaren Raum nutzen.
align-items Regelt die Ausrichtung der Elemente im flexiblen Container.
align-self Regelt die Ausrichtung der ausgewählten Elemente im flexiblen Container.
all Setzt alle Attribute zurück (außer unicode-bidi und direction).
animation Kurzform aller animation-*-Attribute.
animation-delay Regelt die Verzögerung bis zum Start der Animation.
animation-direction Regelt, ob die Animation vorwärts, rückwärts oder alternierend abgespielt wird.
animation-duration Regelt die Zeit, die eine Animation für einen Zyklus benötigt.
animation-fill-mode Regelt den Stil des Elements, wenn keine Animation abgespielt wird (vor dem Start, nach dem Ende oder gleichzeitig).
animation-iteration-count Regelt die Anzahl der Wiederholungen der Animation.
animation-name Regelt den Namen der @keyframes-Animation.
animation-play-state Regelt, ob die Animation abgespielt oder pausiert wird.
animation-timing-function Regelt die Geschwindigkeitskurve der Animation.
aspect-ratio Gibt das bevorzugte Seitenverhältnis des Elements an.

B

backdrop-filter Definiert den grafischen Effekt des Hintergrundbereichs des Elements.
backface-visibility Definiert, ob die Rückseite des Elements sichtbar sein sollte, wenn es sich dem Benutzer gegenüber befindet.
background Kurzform aller background-*-Attribute.
background-attachment Stellt ein, ob das Hintergrundbild zusammen mit dem Rest der Seite scrollt oder fest bleibt.
background-blend-mode Regelt den Mischmodus jedes Hintergrundebene (Farbe / Bild).
background-clip Definiert den Abstand, den das Hintergrund (Farbe oder Bild) im Element einnimmt.
background-color Regelt die Hintergrundfarbe des Elements.
background-image Regelt eine oder mehrere Hintergrundbilder des Elements.
background-origin Regelt die Initialposition des Hintergrundbildes.
background-position Bestimmen Sie die Position des Hintergrundbildes.
background-position-x Bestimmen Sie die Position des Hintergrundbildes auf der x-Achse.
pr_background-position-y Bestimmen Sie die Position des Hintergrundbildes auf der y-Achse.
background-repeat Setzen Sie, ob und wie das Hintergrundbild wiederholt wird.
background-size Bestimmen Sie die Größe des Hintergrundbildes.
block-size Bestimmen Sie die Größe des Elements in der Blockrichtung.
border Kurzschreibweise für border-width, border-style und border-color.
border-block

Kurzschreibweise der folgenden Eigenschaften:

border-block-color Setzen Sie die Farbe der Anfangs- und Endkanten in der Blockrichtung.
border-block-end

Kurzschreibweise der folgenden Eigenschaften:

border-block-end-color Setzen Sie die Farbe der Endkante in der Blockrichtung.
border-block-end-style Setzen Sie den Stil der Endkante in der Blockrichtung.
border-block-end-width Setzen Sie die Breite der Endkante in der Blockrichtung.
border-block-start

Kurzschreibweise der folgenden Eigenschaften:

border-block-start-color Setzen Sie die Farbe der Anfangskante in der Blockrichtung.
border-block-start-style Setzen Sie den Stil der Anfangskante in der Blockrichtung.
border-block-start-width Setzen Sie die Breite der Anfangskante in der Blockrichtung.
border-block-style Setzen Sie den Stil der Anfangs- und Endkanten in der Blockrichtung.
border-block-width Setzen Sie die Breite der Anfangs- und Endkanten in der Blockrichtung.
border-bottom Kurzschreibweise für border-bottom-width, border-bottom-style und border-bottom-color.
border-bottom-color Setzen Sie die Farbe der unteren Kante.
border-bottom-left-radius Definieren Sie die Ecken der unteren linken Kante.
border-bottom-right-radius Definieren Sie die Ecken der unteren rechten Kante.
border-bottom-style Setzen Sie den Stil der unteren Kante.
border-bottom-width Setzen Sie die Breite der unteren Kante.
border-collapse Setzen Sie, ob die Tabelle die Kanten als eine einzige Kante zusammengeklappt oder getrennt darstellen soll.
border-color Farbe der vier Rahmenkanten festlegen
border-end-end-radius Radius der Ecken zwischen dem Ende des Blockelements und dem Ende der inline-Richtung festlegen
border-end-start-radius Radius der Ecken zwischen dem Ende des Blockelements und dem Anfang der inline-Richtung festlegen
border-image Kurzform der Eigenschaften für border-image-*
border-image-outset Menge, um die das Rahmenbild über den Rahmen hinausgeht
border-image-repeat Bestimmen, ob das Rahmenbild wiederholt, abgerundet oder gestreckt werden soll
border-image-slice Art der Zuschneidung des Rahmenbildes festlegen
border-image-source Pfad des Bildes festlegen, das als Rahmen verwendet wird
border-image-width Breite des Rahmenbildes festlegen
border-inline

Kurzschreibweise der folgenden Eigenschaften:

border-inline-color Farbe der Rahmenkanten am Anfang und am Ende der inline-Richtung festlegen
border-inline-end

Kurzschreibweise der folgenden Eigenschaften:

border-inline-end-color Farbe der Rahmenkante am Ende der inline-Richtung festlegen
border-inline-end-style Stil der Rahmenkante am Ende der inline-Richtung festlegen
border-inline-end-width Breite der Rahmenkante am Ende der inline-Richtung festlegen
border-inline-start

Kurzschreibweise der folgenden Eigenschaften:

border-inline-start-color Farbe der Rahmenkante am Anfang der inline-Richtung festlegen
border-inline-start-style Stil der Rahmenkante am Anfang der inline-Richtung festlegen
border-inline-start-width Breite der Rahmenkante am Anfang der inline-Richtung festlegen
border-inline-style Stil der Rahmenkanten am Anfang und am Ende der inline-Richtung festlegen
border-inline-width Breite der Rahmenkanten am Anfang und am Ende der inline-Richtung festlegen
border-left Kurzform der Eigenschaften für alle border-left-*
border-left-color Farbe der linken Rahmenkante festlegen
border-left-style Stil der linken Rahmenkante festlegen
border-left-width Breite der linken Rahmenkante festlegen
border-radius Kurzform der Eigenschaften für die vier border-*-radius
border-right Kurzform der Eigenschaften für alle border-right-*
border-right-color Stellt die Farbe des rechten Rahmens fest.
border-right-style Stellt den Stil des rechten Rahmens fest.
border-right-width Stellt die Breite des rechten Rahmens fest.
border-spacing Stellt den Abstand zwischen den benachbarten Zellengrenzen fest.
border-start-end-radius Stellt den Kantenradius zwischen dem Blockbeginn und dem inline-Ende ein.
border-start-start-radius Stellt die Kantenradius zwischen dem Blockbeginn und dem inline-Start ein.
border-style Stellt den Stil der vier Rahmen fest.
border-top Kurzform der Attribute border-top-width, border-top-style und border-top-color.
border-top-color Stellt die Farbe des oberen Rahmens fest.
border-top-left-radius Definiert die Eckenrunde des oberen linken Rahmens.
border-top-right-radius Definiert die Eckenrunde des oberen Rahmens.
border-top-style Stellt den Stil des oberen Rahmens fest.
border-top-width Stellt die Breite des oberen Rahmens fest.
border-width Stellt die Breite der vier Rahmen fest.
bottom Stellt die Position des Elements relativ zum unteren Rand des übergeordneten Elements ein.
box-decoration-break Stellt das Verhalten der Hintergrund- und Rahmenfarbe eines Elements an der Zeilenumbruchmarke oder für inline-Elemente am Zeilenumbruch ein.
box-reflect Wird verwendet, um Reflexeffekte für Elemente zu erstellen.
box-shadow Fügt einem oder mehreren Schatten ein Element hinzu.
box-sizing Definiert die Art und Weise, wie die Breite und Höhe eines Elements berechnet werden: ob sie den Innenabstand und die Rahmen enthalten sollten.
break-after Bestimmt, ob nach dem angegebenen Element page-, column- oder region-break auftreten sollten.
break-before Bestimmt, ob vor dem angegebenen Element page-, column- oder region-break auftreten sollten.
break-inside Bestimmt, ob innerhalb des angegebenen Elements page-, column- oder region-break auftreten sollten.

C

caption-side Bestimmt die Platzierung der Tabellenüberschriften.
caret-color Bestimmt die Farbe des Cursors in Input, Textarea oder jedem editierbaren Element.
@charset Bestimmt die Zeichensatzkodierung, die in der Stylus-Tabelle verwendet wird.
clear Bestimmt, auf welcher Seite des Elements ein Element nicht fließen darf
clip Klipp die Elemente mit absoluter Position.
clip-path 将元素裁剪为基本形状或 SVG 源。
color 设置文本的颜色。
color-scheme 指示元素应使用哪个操作系统配色方案进行渲染。
column-count 规定元素应分为的列数。
column-fill 指定如何填充列(是否 balanced)。
column-gap 规定列间隙。
column-rule 所有 column-rule-* 属性的简写属性。
column-rule-color 规定列之间规则的颜色。
column-rule-style 规定列之间的规则样式。
column-rule-width 规定列之间的规则宽度。
column-span 规定元素应该跨越多少列。
column-width 规定列宽度。
columns column-width 和 column-count 的简写属性。
@container 根据容器的大小或样式定义容器内元素的样式。
content 与 :before 和 :after 伪元素一起使用,来插入生成的内容。
counter-increment 增加或减少一个或多个 CSS 计数器的值。
counter-reset 创建或重置一个或多个 CSS 计数器。
counter-set 创建或设置一个或多个 CSS 计数器。
@counter-style 允许您定义自定义的计数器样式。
cursor 规定当指向元素时要显示的鼠标光标。

D

direction 规定文本方向/书写方向。
display 规定如何显示某个 HTML 元素。

E

empty-cells 规定是否在表格中的空白单元格上显示边框和背景。

F

filter 定义元素显示之前的效果(例如,模糊或颜色偏移)。
flex flex-grow、flex-shrink 以及 flex-basis 的简写属性。
flex-basis 规定弹性项目的初始长度。
flex-direction 规定弹性项目的方向。
flex-flow flex-direction 和 flex-wrap 的简写属性。
flex-grow 规定项目相对于其余项目的增量。
flex-shrink 规定项目相对于其余项目的减量。
flex-wrap Bestimmung, ob der flexible Elemente umgebrochen werden sollte.
float Bestimmung, ob der Box (Box) geflochten werden sollte.
font Kurzschreibweise für font-style, font-variant, font-weight, font-size/line-height und font-family.
@font-face Bestimmung der Regeln für die Download- und Verwendung von Schriftarten außer "web-safe"-Schriftarten auf der Website.
font-family Bestimmung der Zeichensatzfamilie (Zeichensatzreihe) des Textes.
font-feature-settings Ermöglicht die Kontrolle fortgeschrittener Druckeigenschaften in OpenType-Schriftarten.
@font-feature-values Ermöglicht es dem Creator, allgemeine Namen in font-variant-alternate zu verwenden, um Funktionen in OpenType auf verschiedene Weise zu aktivieren.
font-kerning Kontrolle der Verwendung von Zeilenabstandsinformationen (Kerning).
font-language-override Kontrolle der Verwendung von Zeichensätzen für bestimmte Sprachen im Zeichensatz.
@font-palette-values Erlaubt es, Standardwerte für die Schriftfarbpalette zu customisieren.
font-size Bestimmung der Schriftgröße des Textes.
font-size-adjust Behaltung der Lesbarkeit bei der Schriftart-Rückfall.
font-stretch Auswahl eines normalen, komprimierten oder erweiterten Zeichensatzes aus der Zeichensatzreihe.
font-style Bestimmung des Schriftstils des Textes.
font-synthesis Kontrolle, welche fehlenden Schriftarten (Fett oder Kursiv) durch den Browser synthetisiert werden können.
font-variant Bestimmung, ob der Text in Kleinbuchstaben angezeigt werden sollte.
font-variant-alternates Kontrolle der Verwendung alternativer Zeichensätze, die mit den alternativen Namen in @font-feature-values assoziiert sind.
font-variant-caps Kontrolle der Verwendung alternativer Zeichensätze für Großbuchstaben.
font-variant-east-asian Kontrolle der Verwendung alternativer Zeichensätze für ostasiatische Schriften (z.B. Chinesisch und Japanisch).
font-variant-ligatures Kontrolle der Verwendung von Hyphenationen und Kontextformen, die in der Textinhalte der Elemente verwendet werden.
font-variant-numeric Kontrolle der Verwendung alternativer Zeichensätze für Zahlen, Brüche und Nummerierungszeichen.
font-variant-position Kontrolle der Verwendung alternativer Zeichensätze für kleinere Schriftarten, die sich relativ zur Baseline der Schriftart in die Ober- oder Unterzeile positionieren.
font-weight 规定字体的粗细。

G

grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 属性的简写属性。
grid-area 即可规定网格项的名称,也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 属性的简写属性。
grid-auto-columns 规定默认的列尺寸。
grid-auto-flow 规定如何在网格中插入自动放置的项目。
grid-auto-rows 规定默认的行尺寸。
grid-column grid-column-start 和 grid-column-end 属性的简写属性。
grid-column-end 规定如何结束网格项目。
grid-column-gap 规定列间隙的尺寸。
grid-column-start 规定网格项目从何处开始。
grid-gap grid-row-gap 和 grid-column-gap 的简写属性。
grid-row grid-row-start 和 grid-row-end 属性的简写属性。
grid-row-end 规定网格项目在何处结束。
grid-row-gap 规定列间隙的尺寸。
grid-row-start 规定网格项目从何处开始。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 属性的简写属性。
grid-template-areas 规定如何使用命名的网格项显示列和行。
grid-template-columns 指定列的尺寸以及网格布局中的列数。
grid-template-rows 指定网格布局中的行的尺寸。

H

hanging-punctuation 规定是否可以在行框外放置标点符号。
height 设置元素的高度。
hyphens 设置如何分割单词以改善段落的布局。
hyphenate-character 设置在换行前用于连字符断行的字符。

I

image-rendering Bestimmt den Algorithmustyp für die Bildvergrößerung.
@import Ermöglicht es, eine Stilvorlage in eine andere Stilvorlage zu importieren.
initial-letter Bestimmt die Größe des Initialletters und optional die Anzahl der Zeilen, in die der Initialletter absinken soll.
inline-size Bestimmt die Größe des Elements in der Inline-Richtung.
inset Bestimmt den Abstand zwischen dem Element und dem übergeordneten Element.
inset-block Bestimmt den Abstand zwischen dem Element und dem übergeordneten Element in der Block-Richtung.
inset-block-end Bestimmt den Abstand zwischen dem Ende des Elements und dem übergeordneten Element in der Block-Richtung.
inset-block-start Bestimmt den Abstand zwischen dem Anfang des Elements und dem übergeordneten Element in der Block-Richtung.
inset-inline Bestimmt den Abstand zwischen dem Element und dem übergeordneten Element in der Inline-Richtung.
inset-inline-end Bestimmt den Abstand zwischen dem Ende des Elements und dem übergeordneten Element in der Inline-Richtung.
inset-inline-start Bestimmt den Abstand zwischen dem Anfang des Elements und dem übergeordneten Element in der Inline-Richtung.
isolation Definiert, ob ein Element neue Stacking-Inhalte erstellen muss.

J

justify-content Bestimmt die Ausrichtung der Elemente im Flex-Container, wenn die Elemente nicht alle verfügbare Raum verwenden.
justify-items Bestimmt die Ausrichtung der Grid-Elemente in der Inline-Richtung. Auf dem Grid-Container gesetzt.
justify-self Bestimmt die Ausrichtung der Grid-Elemente in der Inline-Richtung. Auf dem Grid-Element gesetzt.

K

@keyframes Bestimmt den Animationcode.

L

@layer Kontrolliert die Reihenfolge der Bewertung von Stilen im Stile der CSS-Schichten.
left Legt die Position der linken Seite des positionierten Elements fest.
letter-spacing Erhöht oder verringert den Zeichensatzabstand im Text.
line-break Wie wie/ob Zeilen umbrechen.
line-height Setzt die Zeilenhöhe.
list-style Setzt alle Liste-Attribute in einer Anweisung.
list-style-image Setzt das Bild als Liste der Liste.
list-style-position Bestimmt den Ort der Liste der Liste.
list-style-type Bestimmt den Typ der Liste der Liste.

M

margin Setzt alle Außenabstands-Attribute in einer Anweisung.
margin-block Bestimmt den Außenabstand in der Block-Richtung.
margin-block-end Bestimmt den Außenabstand am Ende der Block-Richtung.
margin-block-start Bestimmt den Außenabstand am Anfang der Block-Richtung.
margin-bottom Setzt den unteren Außenabstand des Elements.
margin-inline Bestimmt den Außenabstand in der Inline-Richtung.
margin-inline-end Bestimmt die Außenmarke am Ende der Inline-Richtung.
margin-inline-start Bestimmt die Außenmarke am Anfang der Inline-Richtung.
margin-left Setzt die linke Außenmarke des Elements.
margin-right Setzt die rechte Außenmarke des Elements.
margin-top Setzt die obere Außenmarke des Elements.
marker Weist den Marker zu, der auf allen Vertexen (erster, mittlerer und letzter) des Elements gezeichnet wird.
marker-end Weist den Marker zu, der auf dem letzten Vertex des Elements gezeichnet wird.
marker-mid Weist den Marker zu, der auf allen mittleren Vertexen des Elements gezeichnet wird.
marker-start Weist den Marker zu, der auf dem ersten Vertex des Elements gezeichnet wird.
mask

Kurzschreibweise der folgenden Eigenschaften:

mask-clip Bestimmt den Bereich, der vom Maskenbild beeinflusst wird.
mask-composite Bestimmt die Kombinationsoperation, die auf dem aktuellen Maskenlayer und dem darunter liegenden Maskenlayer verwendet wird.
mask-image Bestimmt das Bild, das als Maskenlayer für das Element verwendet wird.
mask-mode Bestimmt, ob das Maskenbild als Helligkeitsmaske oder als Alpha-Maske behandelt wird.
mask-origin Bestimmt die ursprüngliche Position des Maskenbildes (Maskenbereich).
mask-position Setzt den Startpunkt des Maskenbildes (relativ zum Maskenbereich).
mask-repeat Bestimmt die Wiederholungsmethode des Maskenbildes.
mask-size Bestimmt die Größe des Maskenbildes.
mask-type Bestimmt SVG Bestimmt, ob das Element als Helligkeitsmaske oder als Alpha-Maske behandelt wird.
max-height Setzt die Maximalhöhe des Elements.
max-width Setzt die Maximalbreite des Elements.
@media Stellt Stilregeln für verschiedene Mediengattungen, Geräte und Größen ein.
Setzt die Maximalgröße des Elements in der Block-Richtung. Setzt die Maximalgröße des Elements in der Block-Richtung.
max-inline-size Setzt die Maximalgröße des Elements in der Inline-Richtung.
min-block-size Setzt die Mindestgröße des Elements in der Block-Richtung.
min-inline-size Setzt die Mindestgröße des Elements in der Inline-Richtung.
min-height Setzt die Mindesthöhe des Elements.
min-width Setzt die Mindestbreite des Elements.
mix-blend-mode Bestimmt, wie der Inhalt des Elements mit dem Hintergrund des direkten Vaters gemischt wird.

N

@namespace Definiert den XML-Namensraum, der in der Stilübersicht verwendet wird.

O

object-fit Bestimmt, wie der Inhalt des ersetzen Elements in den Rahmen passt, der durch die Höhe und Breite, die er verwendet, erstellt wird.
object-position Specifies the alignment method of the replacement element within its frame.
offset

Kurzschreibweise der folgenden Eigenschaften:

offset-anchor Specifies a point fixed on the animation path on the element.
offset-distance Specifies the position of the animated element on the path.
offset-path Specifies the path along which the element moves during the animation.
offset-position Specifies the initial position of the element along the path.
offset-rotate Specifies the rotation of the element along the path during the animation.
opacity Sets the opacity level of the element.
order Sets the order of the flexible item relative to the other items.
orphans Sets the minimum number of lines that must be kept at the bottom of the page or column.
orphans Sets the minimum number of lines that must be kept at the bottom of the page when pagination occurs within the element.
outline Short-hand properties for outline-width, outline-style, and outline-color attributes.
outline-color Sets the color of the outline.
outline-offset Offsets the outline and draws it outside the border edge.
outline-style Sets the style of the outline.
outline-width Sets the width of the outline.
overflow Specifies what happens if the content overflows the element's frame.
overflow-anchor Specifies whether content in the visible area should be pushed down when new content is loaded in a scrollable container.
overflow-wrap Specifies whether the browser can break lines at long words that overflow the container.
overflow-wrap Specifies whether the browser may break lines within words to prevent overflow (when a string is too long to fit its containing box).
overflow-x Specifies whether the left and right edges of the content should be clipped if it overflows the element's content area.
overflow-y Specifies whether the top and bottom edges of the content should be clipped if it overflows the element's content area.
overscroll-behavior Specifies whether there is a scroll chain or an overshoot effect in both the x and y directions.
overscroll-behavior-block Specifies whether there is a scroll chain or an overshoot effect in the block direction.
overscroll-behavior-inline Specifies whether there is a scroll chain or an overshoot effect in the inline direction.
overscroll-behavior-x Specifies whether there is a scroll chain or an overshoot effect in the x-direction.
overscroll-behavior-y Specifies whether there is a scroll chain or an overshoot effect in the y-direction.

P

padding Short-hand properties for all padding-* attributes.
padding-block Bestimmt den Innenabstand in der Blockrichtung.
padding-block-end Bestimmt den Innenabstand am Ende der Blockrichtung.
padding-block-start Bestimmt den Innenabstand am Anfang der Blockrichtung.
padding-bottom Setzt den unteren Innenabstand des Elements.
padding-inline Bestimmt den Innenabstand in der Zeilenrichtung.
padding-inline-end Bestimmt den Innenabstand am Ende der Zeilenrichtung.
padding-inline-start Bestimmt den Innenabstand am Anfang der Zeilenrichtung.
padding-left Setzt den linken Innenabstand des Elements.
padding-right Setzt den rechten Innenabstand des Elements.
padding-top Setzt den oberen Innenabstand des Elements.
@page Definiert die Größe, Ausrichtung und Ränder der Druckseiten.
page-break-after Setzt das Verhalten des Seitenumbruchs (page-break) nach dem Element.
page-break-before Setzt das Verhalten des Seitenumbruchs (page-break) vor dem Element.
page-break-inside Setzt das Verhalten des Seitenumbruchs (page-break) innerhalb des Elements.
paint-order Setzt die Zeichnungsreihenfolge für SVG-Elemente oder Text.
perspective Bietet Perspektive für 3D-Positionselemente.
perspective-origin Definiert die Position, von der der Benutzer den 3D-Positionselement betrachten kann.
place-content Bestimmt die Werte der Attribute align-content und justify-content für Flexbox und Gitterlayout.
place-items Bestimmt die Werte der Attribute align-items und justify-items im Gitterlayout.
place-self Bestimmt die Werte der Attribute align-self und justify-self in der Gitterlayout.
pointer-events Definiert, ob das Element auf Zeigerereignisse reagiert.
position Bestimmt den Typ der Positionsmethode für das Element (statisch, relativ, absolut oder fest).
@property Definiert benutzerdefinierte CSS-Attribute direkt im Stilblatt, ohne dass JavaScript ausgeführt werden muss.

Q

quotes Setzt den Typ der Anführungszeichen.

R

resize Definiert, ob und wie der Benutzer die Größe des Elements anpassen kann.
right Legt die Position der linken Seite des positionierten Elements fest.
rotate Bestimmt die Drehung des Elements.
row-gap Bestimmt den Abstand zwischen den Zeilen der Gitterstruktur.

S

scale Bestimmt die Größe des Elements durch Vergrößern oder Verkleinern.
@scope Ermöglicht es Ihnen, Elemente in einem bestimmten DOM-Unterbau auszuwählen und genau zu positionieren, ohne übermäßig spezifische Selektoren schreiben zu müssen.
scroll-behavior Legt fest, ob der Rollvorgang in der rollbaren Box glatt erfolgt oder ob er direkt springt.
scroll-margin Der Abstand zwischen der Anziehungspunkt und dem Container.
scroll-margin-block Der Abstand zwischen der Anziehungspunkt in der Block-Richtung und dem Container.
scroll-margin-block-end Der Abstand zwischen der Anziehungspunkt in der Block-Richtung und dem Ende des Containers.
scroll-margin-block-start Der Abstand zwischen der Anziehungspunkt in der Block-Richtung und dem Anfang des Containers.
scroll-margin-bottom Der Abstand zwischen der unteren Anziehungspunkt und dem Container.
scroll-margin-inline Der Abstand zwischen der Anziehungspunkt in der Inline-Richtung und dem Container.
scroll-margin-inline-end Der Abstand zwischen der Anziehungspunkt in der Inline-Richtung und dem Ende des Containers.
scroll-margin-inline-start Der Abstand zwischen der Anziehungspunkt in der Inline-Richtung und dem Anfang des Containers.
scroll-margin-left Der Abstand zwischen der linken Anziehungspunkt und dem Container.
scroll-margin-right Der Abstand zwischen der rechten Anziehungspunkt und dem Container.
scroll-margin-top Der Abstand zwischen der oberen Anziehungspunkt und dem Container.
scroll-padding Der Abstand zwischen dem Container und der Position, an der der Kind-Element angezogen wird.
scroll-padding-block Der Abstand zwischen dem Container in der Block-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-block-end Der Abstand zwischen dem Ende des Containers in der Block-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-block-start Der Abstand zwischen dem Anfang des Containers in der Block-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-bottom Der Abstand zwischen dem unteren Rand des Containers und der Position, an der der Kind-Element angezogen wird.
scroll-padding-inline Der Abstand zwischen dem Container in der Inline-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-inline-end Der Abstand zwischen dem Ende des Containers in der Inline-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-inline-start Der Abstand zwischen dem Anfang des Containers in der Inline-Richtung und der Position, an der der Kind-Element angezogen wird.
scroll-padding-left Bestimmt den Abstand von der linken Seite des Containers zur Anheftposition des Kindelements.
scroll-padding-right Bestimmt den Abstand von der rechten Seite des Containers zur Anheftposition des Kindelements.
scroll-padding-top Bestimmt den Abstand von der Oberseite des Containers zur Anheftposition des Kindelements.
scroll-snap-align Bestimmt die Position des Elements, wenn der Benutzer das Scrollen stoppt.
scroll-snap-stop Bestimmt das Scrollverhalten nach schnellem Scrollen auf dem Trackpad oder dem Touchscreen.
scroll-snap-type Bestimmt das Anheftungverhalten beim Scrollen.
scrollbar-color Bestimmt die Farbe der Scrollbars des Elements.
shape-outside Definiert die Umrissform des inline-Inhalts.
@starting-style Definiert den Startstil eines Elements vor der ersten Stilaktualisierung.
@supports Wird verwendet, um zu testen, ob der Browser eine bestimmte CSS-Eigenschaft unterstützt.

T

tab-size Regelung der Breite des Tabulators.
table-layout Definiert den Algorithmus, der für die Layout der Zellen, Zeilen und Spalten verwendet wird.
text-align Regelung der horizontalen Ausrichtung des Textes.
text-align-last Beschreibt, wie bei text-align "justify" die letzte Zeile eines Blocks oder einer Zeile ausgerichtet wird, bevor eine Zwangspassage erfolgt.
text-combine-upright Kombiniert mehrere Zeichen in den Raum eines einzigen Zeichens.
text-decoration Regelung der Textverzierung.
text-decoration-color Regelung der Farbe der Textverzierung (text-decoration).
text-decoration-line Regelung der Zeilentypen der Textverzierung (text-decoration).
text-decoration-style Regelung der Zeilenart der Textverzierung (text-decoration).
text-decoration-thickness Regelung der Dicke der Verzierungslinien.
text-emphasis

Kurzschreibweise der folgenden Eigenschaften:

text-emphasis-color Bestimmt die Farbe der Betonungsmarkierung.
text-emphasis-position Bestimmt den Ort der Betonungsmarkierung.
text-emphasis-style Bestimmt den Stil der Betonungsmarkierung.
text-indent Regelung des Einrückens der ersten Zeile im Textblock (text-block).
text-justify Regelung der Ausrichtungsmethode, die verwendet wird, wenn text-align "justify" ist.
text-orientation Definiert die Richtung der Zeichen in einer Zeile.
text-overflow Bestimmt, was passiert, wenn der Text aus dem umgebenden Element hinausragt.
text-shadow Fügt Textschatten hinzu.
text-transform Kontrolliert die Großschreibung des Textes.
text-underline-offset Bestimmt den Abstand der Textdekoration mit Unterstrichen.
text-underline-position Bestimmt den Ort der Textdekoration mit Unterstrichen.
top Bestimmt die obere Position des positionierten Elements.
transform Wendet 2D- oder 3D-Transformationen auf das Element an.
transform-origin Ermöglicht es, die Position des transformierten Elements zu ändern.
transform-style Bestimmt, wie eingebettete Elemente in einem 3D-Raum gerendert werden.
transition Kurzform aller transition-*-Eigenschaften.
transition-delay Bestimmt, wann der Übergangseffekt beginnen soll.
transition-duration Bestimmt die Anzahl der Sekunden oder Millisekunden, die für den Übergangseffekt erforderlich sind.
transition-property Bestimmt den Namen der CSS-Eigenschaft, die der Übergangseffekt betrifft.
transition-timing-function Bestimmt die Geschwindigkeitskurve der Übergangseffekte.
translate Bestimmt den Ort des Elements.

U

unicode-bidi Wird zusammen mit der direction-Eigenschaft verwendet, um festzulegen oder zurückzugeben, ob der Text überschrieben werden soll, um mehrsprachige Dokumente im selben Dokument zu unterstützen.
user-select Bestimmt, ob der Text des Elements ausgewählt werden kann.

V

vertical-align Setzt die vertikale Ausrichtung des Elements.
visibility Bestimmt, ob das Element sichtbar ist.

W

white-space Bestimmt, wie Leerzeichen im Element behandelt werden.
widows Setzt die minimale Anzahl der Zeilen, die am oberen Rand der Seite oder der Spalte beibehalten werden müssen.
widows Setzt die minimale Anzahl der Zeilen, die am oberen Rand der Seite beibehalten werden müssen, wenn im Element eine Seitenaufteilung auftritt.
width Setzt die Breite des Elements.
word-break Bestimmt, wie ein Wort nach dem Ende einer Zeile umbrochen wird.
word-spacing Erhöht oder verringert den Abstand zwischen den Wörtern im Text.
word-wrap Ermöglicht das Umwandeln langer, nicht umbrechbarer Wörter in die nächste Zeile.
writing-mode Bestimmt, ob die Textzeilen horizontal oder vertikal angeordnet sind.

Z

z-index Legt die Stapelreihenfolge der positionierten Elemente fest.
zoom Skalierungsfaktor des angegebenen Elements. Das Element kann vergrößert und verkleinert werden.