Neueste Web-Entwicklung Tutorials
×

CSS Referenz

CSS Referenz CSS Selektoren CSS Funktionen CSS Referenz Aural CSS Web-Safe-Fonts CSS Anima CSS Einheiten CSS PX-EM Converter CSS Farben CSS Farbe Werte CSS3 Browser-Unterstützung

CSS Eigenschaften

align-content align-items align-self all animation animation-delay animation-direction animation-duration animation-fill-mode animation-iteration-count animation-name animation-play-state animation-timing-function backface-visibility background background-attachment background-blend-mode background-clip background-color background-image background-origin background-position background-repeat background-size border border-bottom border-bottom-color border-bottom-left-radius border-bottom-right-radius border-bottom-style border-bottom-width border-collapse border-color border-image border-image-outset border-image-repeat border-image-slice border-image-source border-image-width border-left border-left-color border-left-style border-left-width border-radius border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-left-radius border-top-right-radius border-top-style border-top-width border-width bottom box-shadow box-sizing caption-side clear clip color column-count column-fill column-gap column-rule column-rule-color column-rule-style column-rule-width column-span column-width columns content counter-increment counter-reset cursor direction display empty-cells filter flex flex-basis flex-direction flex-flow flex-grow flex-shrink flex-wrap float font @font-face font-family font-size font-size-adjust font-stretch font-style font-variant font-weight hanging-punctuation height justify-content @keyframes left letter-spacing line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top max-height max-width @media min-height min-width nav-down nav-index nav-left nav-right nav-up opacity order outline outline-color outline-offset outline-style outline-width overflow overflow-x overflow-y padding padding-bottom padding-left padding-right padding-top page-break-after page-break-before page-break-inside perspective perspective-origin position quotes resize right tab-size table-layout text-align text-align-last text-decoration text-decoration-color text-decoration-line text-decoration-style text-indent text-justify text-overflow text-shadow text-transform top transform transform-origin transform-style transition transition-delay transition-duration transition-property transition-timing-function unicode-bidi vertical-align visibility white-space width word-break word-spacing word-wrap z-index



 

Hinweis w3ii 'CSS Referenz wird regelmäßig mit allen gängigen Browsern getestet.


CSS-Eigenschaften

CSS Eigenschaftsgruppen


Die "CSS" Spalte zeigt an, in der CSS - Version wird die Eigenschaft definiert (CSS1, CSS2, or CSS3) .

Farbeigenschaften

Eigentum Beschreibung CSS
color Legt die Farbe des Textes 1
opacity Stellt die Opazität Ebene für ein Element 3

Hintergrund und Rahmeneigenschaften

Eigentum Beschreibung CSS
background Eine zusammenfassende Eigenschaft für die Einstellung alle Hintergrundeigenschaften in einer Erklärung 1
background-attachment Legt fest, ob ein Hintergrundbild festgelegt ist oder rollt mit dem Rest der Seite 1
background-blend-mode Gibt den Mischmodus jedes Hintergrundschicht (color/image)
background-color Gibt die Hintergrundfarbe eines Elements 1
background-image Gibt eine oder mehrere Hintergrundbilder für ein Element 1
background-position Gibt die Position eines Hintergrundbildes 1
background-repeat Legt fest, wie ein Hintergrundbild wird wiederholt 1
background-clip Gibt die Malerei Bereich des Hintergrund 3
background-origin Gibt an, wo das image(s) ist / positioniert sind , 3
background-size Gibt die Größe des image(s) 3
border Setzt alle Rahmeneigenschaften in einer Erklärung 1
border-bottom Setzt alle unteren Rand Eigenschaften in einer Erklärung 1
border-bottom-color Legt die Farbe der unteren Grenze
border-bottom-left-radius Definiert den Verlauf der Grenze der unteren linken Ecke 3
border-bottom-right-radius Definiert den Verlauf der Grenze der unteren rechten Ecke 3
border-bottom-style Legt den Stil der unteren Grenze 1
border-bottom-width Legt die Breite der unteren Grenze 1
border-color Legt die Farbe der vier Grenzen 1
border-image Eine zusammenfassende Eigenschaft für sämtliche Grenz-image- * Eigenschaften festlegen 3
border-image-outset Gibt den Betrag, um den die Grenze Bildbereich jenseits der Grenze Feld erstreckt 3
border-image-repeat Gibt an, ob die Grenze Bild wiederholt werden soll, abgerundet oder gestreckt 3
border-image-slice Gibt an, wie das Randbild zu schneiden 3
border-image-source Gibt den Pfad zum Bild als Grenze verwendet werden 3
border-image-width Gibt die Breite des Bild Grenze 3
border-left Setzt alle linken Rand Eigenschaften in einer Erklärung 1
border-left-color Legt die Farbe für den linken Rand 1
border-left-style Legt den Stil der linken Rand 1
border-left-width Legt die Breite des linken Rand 1
border-radius Eine zusammenfassende Eigenschaft für alle vier Grenzeinstellung - * - Radius Eigenschaften 3
border-right Setzt alle rechten Rand Eigenschaften in einer Erklärung 1
border-right-color Legt die Farbe des rechten Rand 1
border-right-style Legt den Stil des rechten Rand 1
border-right-width Legt die Breite des rechten Rand 1
border-style Legt den Stil der vier Grenzen 1
border-top Setzt alle oberen Rand Eigenschaften in einer Erklärung 1
border-top-color Legt die Farbe der oberen Grenze 1
border-top-left-radius Definiert den Verlauf der Grenze von der oberen linken Ecke 3
border-top-right-radius Definiert den Verlauf der Grenze der oberen rechten Ecke 3
border-top-style Legt den Stil der oberen Grenze 1
border-top-width Legt die Breite der oberen Grenze 1
border-width Legt die Breite der vier Grenzen 1
box-decoration-break Legt das Verhalten der Hintergrund und den Rand eines Elements an page-break, oder, für Inline-Elemente, bei Zeilenumbruch. 3
box-shadow Hängt ein oder mehrere Drop-Schatten auf die Box 3

Basic Box Eigenschaften

Eigentum Beschreibung CSS
bottom Gibt die untere Position eines positionierten Elements 2
clear Gibt an, welche Seiten eines Elements, wo andere schwimmende Elemente sind nicht erlaubt 1
clip Clips ein absolut positioniertes Element 2
display Gibt an, wie ein bestimmtes HTML-Element angezeigt werden soll 1
float Gibt an, ob oder nicht sollte ein Feld schweben 1
height Legt die Höhe eines Elements 1
left Gibt die linke Position eines positionierten Elements 2
margin Setzt alle Randeigenschaften in einer Erklärung 1
margin-bottom Legt den unteren Rand eines Elements 1
margin-left Legt den linken Rand eines Elements 1
margin-right Legt den rechten Rand eines Elements 1
margin-top Stellt den oberen Rand eines Elements 1
max-height Legt die maximale Höhe eines Elements 2
max-width Legt die maximale Breite eines Elements 2
min-height Legt die minimale Höhe eines Elements 2
min-width Legt die minimale Breite eines Elements 2
overflow
Gibt an, was geschieht, wenn der Inhalt ist ein Element-Box überläuft 2
overflow-x Gibt an, ob nicht mit der linken / rechten Rand des Inhalts zu befestigen, wenn sie den Inhalt des Elements Bereich überläuft 3
overflow-y Gibt an, ob nicht die oberen / unteren Kanten des Inhalts zu befestigen, wenn sie den Inhalt des Elements Bereich überläuft 3
padding Setzt alle Polstereigenschaften in einer Erklärung 1
padding-bottom Legt die untere Polsterung eines Elements 1
padding-left Legt die linke Polsterung eines Elements 1
padding-right Setzt die richtige Polsterung eines Elements 1
padding-top Legt die obere Polsterung eines Elements 1
position die Art der Positionierung Methode Gibt für ein Element (statisch, relativ, absolut oder fest) verwendet 2
right Gibt die richtige Position eines positionierten Elements 2
top Gibt die obere Lage eines positionierten Elements 2
visibility Gibt an, ob nicht ein Element sichtbar ist 2
width Legt die Breite eines Elements 1
vertical-align Legt die vertikale Ausrichtung eines Elements 1
z-index Legt die Stapelreihenfolge eines positionierten Elements 2

Flexible Box - Layout

Eigentum Beschreibung CSS
align-content die Ausrichtung zwischen den Zeilen in einem flexiblen Behälter angibt, wenn die Elemente verwenden nicht alle verfügbaren Speicherplatz 3
align-items Gibt die Ausrichtung für Elemente in einem flexiblen Behälter 3
align-self Gibt die Ausrichtung für ausgewählte Elemente in einem flexiblen Behälter 3
flex Gibt die Länge des Elements, bezogen auf den Rest 3
flex-basis Gibt die ursprüngliche Länge eines flexiblen Element 3
flex-direction Gibt die Richtung der flexiblen Elemente 3
flex-flow Eine zusammenfassende Eigenschaft für die Flex-Richtung und die Flex-wrap-Eigenschaften 3
flex-grow Gibt an, wie viel das Element an den Rest relativ wachsen 3
flex-shrink Gibt an, wie das Element an den Rest relativ schrumpfen 3
flex-wrap Gibt an, ob die flexiblen Elemente wickeln soll oder nicht 3
justify-content die Ausrichtung zwischen den Elementen in einem flexiblen Behälter angibt, wenn die Elemente verwenden nicht alle verfügbaren Speicherplatz 3
order Zur Einstellung der Reihenfolge des flexiblen Element relativ zu dem Rest 3

Texteigenschaften

Eigentum Beschreibung CSS
hanging-punctuation Gibt an, ob ein Satzzeichen außerhalb der Linie Box platziert werden kann 3
hyphens Legt fest, wie zur Trennung von Worten, das Layout der Absätze zu verbessern 3
letter-spacing Erhöht oder verringert den Abstand zwischen den Zeichen in einem Text 1
line-break Gibt an, wie / ob Linien zu brechen 3
line-height Setzt die Zeilenhöhe 1
overflow-wrap Gibt an, ob nicht der Browser Linien innerhalb Worte, um brechen kann Überlauf zu verhindern (wenn eine Zeichenfolge zu lang ist seine Aufnahmekasten zu passen) 3
tab-size Gibt die Länge des Lappens-Zeichen 3
text-align Legt die horizontale Ausrichtung des Textes 1
text-align-last Beschreibt , wie die letzte Zeile eines Blocks oder einer Linie direkt vor einer erzwungenen Zeilenumbruch ausgerichtet ist , wenn text-align wird "justify" 3
text-combine-upright Gibt die Kombination von mehreren Zeichen in den Raum eines einzelnen Zeichens 3
text-indent Legt den Einzug der ersten Zeile in einem Textblock 1
text-justify Gibt die Begründung Methode verwendet , wenn text-align ist "justify" 3
text-transform Steuert die Aktivierung von Text 1
white-space Gibt an, wie weiß-Raum innerhalb eines Elements behandelt wird 1
word-break Gibt Linie brechen Regeln für Nicht-CJK-Skripten 3
word-spacing Erhöht oder verringert den Abstand zwischen den Wörtern in einem Text 1
word-wrap Ermöglicht lange, unzerbrechlich Worte in die nächste Zeile gebrochen und wickeln werden 3

Textdekoration Eigenschaften

Eigentum Beschreibung CSS
text-decoration Gibt die Dekoration in Text hinzugefügt 1
text-decoration-color Gibt die Farbe des Textes-Dekoration 3
text-decoration-line Gibt den Typ der Linie in einem text-decoration 3
text-decoration-style Gibt den Stil der Zeile in einem Textdekoration 3
text-shadow Fügt Schatten zum Text 3
text-underline-position Gibt die Position des Unterstrichs, die den text-decoration Eigenschaft verwendet 3

Schrifteigenschaften

Eigentum Beschreibung CSS
@font-face Eine Regel , die Websites herunterzuladen und zu verwenden Schriftarten andere als die erlaubt "web-safe" Schriftarten 3
@font-feature-values Ermöglicht Autoren einen gemeinsamen Namen in Funktion für font-variant-Alternative zu verwenden aktiviert anders im Opentype 3
font Setzt alle Schrifteigenschaften in einer Erklärung 1
font-family Gibt die Schriftfamilie für Text 1
font-feature-settings Ermöglicht die Kontrolle über erweiterte typografische Funktionen in Opentype-Schriften 3
font-kerning Steuert die Verwendung der Kerning Informationen (how letters are spaced) 3
font-language-override Steuert die Nutzung von sprachspezifischen Glyphen in einer Schrift 3
font-size Legt die Schriftgröße des Textes 1
font-size-adjust Behält die Lesbarkeit von Text, wenn Schrift Rückfall auftritt 3
font-stretch Wählt einen normalen, kondensiert oder erweitert Gesicht von einer Schriftfamilie 3
font-style Gibt die Schriftart für Text 1
font-synthesis Steuert , welche fehlende Schriften (bold or italic) durch den Browser synthetisiert werden können 3
font-variant Gibt an, ob nicht ein Text in einem Small Caps Schriftart angezeigt werden soll 1
font-variant-alternates Steuert die Verwendung von alternativen Glyphen auf alternative Namen in @ font-feature-Werte definiert assoziiert 3
font-variant-caps Steuert die Nutzung von alternativen Glyphen für Großbuchstaben 3
font-variant-east-asian Steuert die Nutzung von alternativen Glyphen für ostasiatische Schriftzeichen (zB Japanisch und Chinesisch) 3
font-variant-ligatures Steuert, welche Ligatur und kontextuellen Formen in Textinhalt der Elemente verwendet werden, es gilt für 3
font-variant-numeric Steuert die Verwendung von alternativen Glyphen für Zahlen, Brüche und ordinal Marker 3
font-variant-position Steuert die Verwendung von alternativen Glyphen kleinerer Größe als Hoch- oder Tief in Bezug auf die Grundlinie der Schrift positioniert 3
font-weight Gibt das Gewicht einer Schriftart 1

Schreiben Modi Eigenschaften

Eigentum Beschreibung CSS
direction Gibt die Textrichtung / Schreibrichtung 2
text-orientation Definiert die Ausrichtung des Textes in einer Linie 3
text-combine-upright Gibt die Kombination von mehreren Zeichen in den Raum eines einzelnen Zeichens 3
unicode-bidi Zusammen mit der Richtung Eigenschaft festlegen oder zurückgeben , ob der Text überschrieben werden sollte mehrere Sprachen in demselben Dokument zu unterstützen 2
writing-mode3

Tabelleneigenschaften

Eigentum Beschreibung CSS
border-collapse Gibt an, ob oder nicht Tabellenrahmen zusammengelegt werden sollte 2
border-spacing Gibt den Abstand zwischen den Grenzen von benachbarten Zellen 2
caption-side Gibt die Platzierung einer Tabellenbeschriftung 2
empty-cells Gibt an, ob nicht auf leere Zellen in einer Tabelle Grenzen und Hintergrund angezeigt werden 2
table-layout Legt die Layout-Algorithmus für eine Tabelle verwendet werden 2

Listen und Zähler Eigenschaften

Eigentum Beschreibung CSS
counter-increment Inkrementiert einen oder mehrere Zähler 2
counter-reset Erstellt oder setzt einen oder mehrere Zähler 2
list-style Setzt alle Eigenschaften für eine Liste in einer Erklärung 1
list-style-image Gibt ein Bild als Listenelement Marker 1
list-style-position Bestimmt, ob die Listenelement Marker sollten innerhalb oder außerhalb des Inhaltsfluss erscheinen 1
list-style-type Gibt den Typ des list-item Marker 1

Animationseigenschaften

Eigentum Beschreibung CSS
@keyframes Gibt die Animation Code 3
animation Eine zusammenfassende Eigenschaft für alle Animationseigenschaften (außer Animation-Play-Zustand und Animation-fill-mode) 3
animation-delay Gibt eine Verzögerung für den Start einer Animation 3
animation-direction Gibt an, ob nicht die Animation umgekehrt auf abwechselnden Zyklen spielen 3
animation-duration Gibt an, wie viele Sekunden oder Millisekunden eine Animation eines Zyklus in Anspruch nimmt 3
animation-fill-mode Gibt einen Stil für das Element , wenn die Animation nicht abgespielt wird (when it is finished, or when it has a delay) ist (when it is finished, or when it has a delay) 3
animation-iteration-count Gibt die Anzahl von Malen eine Animation wiedergegeben werden sollen 3
animation-name Gibt den Namen der @keyframes Animation 3
animation-play-state Gibt an, ob die Animation läuft oder pausiert 3
animation-timing-function Gibt die Geschwindigkeitskurve einer Animation 3

Transform Properties

Eigentum Beschreibung CSS
backface-visibility Definiert, ob ein Element sichtbar sein sollen, wenn sie nicht den Bildschirm nach 3
perspective Gibt die Perspektive auf, wie 3D-Elemente betrachtet werden 3
perspective-origin Gibt die untere Position von 3D-Elementen 3
transform Wendet eine 2D- oder 3D-Transformation auf ein Element 3
transform-origin Hier können Sie die Position auf transformierten Elemente zu ändern 3
transform-style Gibt an, wie verschachtelte Elemente werden im 3D-Raum wiedergegeben 3

Transitions - Eigenschaften

Eigentum Beschreibung CSS
transition Eine zusammenfassende Eigenschaft für die Einstellung der vier Übergangseigenschaften 3
transition-property Gibt den Namen der CSS-Eigenschaft der Übergangseffekt ist für 3
transition-duration Gibt an, wie viele Sekunden oder Millisekunden ein Übergangseffekt in Anspruch nimmt 3
transition-timing-function Gibt die Geschwindigkeitskurve des Übergangseffekt 3
transition-delay Gibt an, wann der Übergangseffekt beginnt 3

Einfache Benutzeroberfläche Eigenschaften

Eigentum Beschreibung CSS
box-sizing Weist den Browser , was die Dimensionierung Eigenschaften (width and height) umfassen sollte 3
content Wird mit der: before und: after Pseudo-Elemente, zu generierte Inhalte einfügen 2
cursor Gibt den Typ der Cursor angezeigt werden 2
ime-mode Steuert den Zustand des Eingabemethoden-Editor für Textfelder 3
nav-down Gibt an, wo zu navigieren, wenn auf den Pfeil nach unten Navigationstaste 3
nav-index Gibt die Tabulatorreihenfolge für ein Element 3
nav-left Gibt an, wo zu navigieren, wenn der Pfeil-Links-Navigationstaste 3
nav-right Gibt an, wo zu navigieren, wenn der Pfeil-Rechts-Navigationstaste 3
nav-up Gibt an, wo zu navigieren, wenn der Pfeil-up-Navigationstaste 3
outline Legt die alle Umriss Eigenschaften in einer Erklärung 2
outline-color Setzt die Farbe eines Umrisses 2
outline-offset Versetzt einen Umriss, und zieht sie über die Randkante 3
outline-style Legt den Stil eines Umrisses 2
outline-width Legt die Breite eines Umrisses 2
resize Gibt an, ob nicht ein Element durch den Benutzer geändert werden kann 3
text-overflow Gibt an, was passieren soll, wenn Text enthaltenden Element überläuft 3

Multi-column Layout - Eigenschaften

Eigentum Beschreibung CSS
break-after Gibt die seiten-, Säulen- oder Region Bruchverhalten nach der erzeugten Box 3
break-before Gibt die seiten-, Säulen- oder Region Bruchverhalten vor der erzeugten Box 3
break-inside Gibt die seiten-, Säulen- oder Region Bruchverhalten innerhalb der erzeugten Box 3
column-count Gibt die Anzahl der Spalten sollte ein Element unterteilt werden 3
column-fill Gibt an, wie Spalten zu füllen 3
column-gap Gibt den Abstand zwischen den Spalten 3
column-rule Eine zusammenfassende Eigenschaft für alle säulen regel- * Eigenschaften festlegen 3
column-rule-color Gibt die Farbe der Regel zwischen den Spalten 3
column-rule-style Gibt den Stil der Regel zwischen den Spalten 3
column-rule-width Gibt die Breite der Regel zwischen den Spalten 3
column-span Gibt an, wie viele Spalten sollte ein Element über umspannen 3
column-width Gibt die Breite der Spalten 3
columns Eine zusammenfassende Eigenschaft für die Einstellung Spaltenbreite und Spaltenzahl 3
widows Legt die Mindestanzahl der Zeilen, die am Anfang einer Seite verlassen werden muss, wenn ein Seitenumbruch innerhalb eines Elements auftritt 2

Paged Medien

Eigentum Beschreibung CSS
orphans Legt die minimale Anzahl von Linien, die am unteren Ende einer Seite stehen werden muss, wenn ein Seitenumbruch innerhalb eines Elements auftritt 2
page-break-after Legt die Seitenbrech Verhalten nach einem Element 2
page-break-before Legt die Seitenbrech Verhalten vor einem Element 2
page-break-inside Legt die Seitenbrech Verhalten innerhalb eines Elements 2

Generierte Inhalte für Paged Medien

Eigentum Beschreibung CSS
marks Fügt Ernte und / oder Quermarkierungen auf das Dokument 3
quotes Stellt die Art der Anführungszeichen für eingebettete Zitate 2

Filtereffekte Eigenschaften

Eigentum Beschreibung CSS
filter Definiert Effekte (eg blurring or color shifting) auf ein Element , bevor das Element angezeigt 3

Bildwerte und ersetzt Inhalt

Eigentum Beschreibung CSS
image-orientation Gibt eine Drehung in die richtige Richtung oder im Uhrzeigersinn, dass ein User-Agent zu einem Bild gilt (Diese Eigenschaft wird wahrscheinlich veraltet zu werden und seine Funktionalität bewegt zu HTML) 3
image-rendering Gibt einen Hinweis an den Browser über welche Aspekte eines Bildes sind die wichtigsten zu erhalten, wenn das Bild skaliert 3
image-resolution Gibt die intrinsische Auflösung aller Rasterbilder in / auf dem Element verwendet 3
object-fit Gibt an, wie der Inhalt eines ersetzten Elements sollte durch seine verwendete Höhe und Breite festgelegt auf die Box montiert werden 3
object-position Gibt die Ausrichtung des ersetzten Elements innerhalb seiner Box 3

Maskierungseigenschaften

Eigentum Beschreibung CSS
mask3
mask-type3

Spracheigenschaften

Eigentum Beschreibung CSS
mark Eine zusammenfassende Eigenschaft für die Einstellung der Auszeichnungs vor und Mark-nach-Eigenschaften 3
mark-after Erlaubt dem Namen Marker an den Audiostrom angebracht werden 3
mark-before Erlaubt dem Namen Marker an den Audiostrom angebracht werden 3
phonemes Gibt eine Lautaussprache für den Text durch das entsprechende Element enthalten 3
rest Eine zusammenfassende Eigenschaft für die Einstellung der Ruhe vor und Ruhe nach Eigenschaften 3
rest-after Gibt an, nach der Inhalt eines Elements beobachtet ein Rest oder prosodischen Grenze zu sprechen 3
rest-before Gibt beobachtet eine Ruhe- oder prosodischen Grenze werden, bevor der Inhalt eines Elements sprechen 3
voice-balance Gibt die Balance zwischen linkem und rechtem Kanal 3
voice-duration Gibt an, wie lange sollte es dauern, das ausgewählte Element Inhalt zu machen 3
voice-pitch Gibt die durchschnittliche Steigung (a frequency) der Sprechstimme 3
voice-pitch-range Gibt Variation der durchschnittlichen Steigung 3
voice-rate Steuert die Sprechgeschwindigkeit 3
voice-stress Zeigt an, dass die Stärke der Betonung angewendet werden 3
voice-volume Bezieht sich auf die Amplitude der Wellenformausgabe durch die Sprach Synthesen 3

Marquee Properties

Eigentum Beschreibung CSS
marquee-direction Legt die Richtung des sich bewegenden Inhalt 3
marquee-play-count Legt fest, wie oft der Inhalt bewegen 3
marquee-speed Legt fest, wie schnell sich der Inhalt Rollen 3
marquee-style Legt den Stil des sich bewegenden Inhalt 3