Das beste CSS Referenz-Tutorial im Jahr 2024. In diesem Tutorial können Sie
CSS-Eigenschaften,Animationseinstellungen,Hintergrundeigenschaften,Border (Border) und Umriss (Kontur) Immobilie,Box (Box) Immobilie,Color (Farbe) Eigenschaften,Padding (Padding) Immobilien,Medieneigenschaften Seiteninhalt,Größe (Dimension) Immobilien,Flexible Box - Modell (Flexible Box) Immobilien (neu),Flexible Box - Modell (Flexible Box) Immobilien (alt),Schriftart (Font) Immobilien,Content - Generierung Attribut (Content Eigenschaften erzeugt),Grid (Gitter) Immobilien,Hyperlink (Hyperlink) Eigenschaften,Wireframe (Linebox) Immobilie,List (Liste) Immobilie,Margin (Margin) Immobilie,Untertitel (Marquee) Immobilie,Mehrere Spalten (Multi-Spalte) Immobilien,Seite Medien (Paged Medien) Immobilien,Positionierung (Positionierung) Immobilien,Paging (Print) Immobilien,Ruby - Eigenschaften,Speech (Sprache) Immobilie,Tabelle (Tabelle) Immobilie,Text (Text) Immobilie,2D / 3D - Transformationseigenschaften,Transition (Übergang) Immobilie,Das Aussehen des Benutzers (Benutzer-Schnittstelle) Eigenschaften, lernen
CSS Referenz
Dieses Tutorial CSS Referenz in allen gängigen Browsern getestet.
CSS-Eigenschaften
CSS Property Group:
"CSS" Spalte zeigt an, in der CSS-Version die Eigenschaft definiert ist (CSS1, CSS2, oder CSS3).
属性 |
描述 |
CSS |
color-profile |
允许使用源的颜色配置文件的默认以外的规范 |
3 |
opacity |
设置一个元素的透明度级别 |
3 |
rendering-intent |
允许超过默认颜色配置文件渲染意向的其他规范 |
3 |
Immobilien | Erklärung | CSS |
---|
Polsterung | Stellen Sie alle Polstereigenschaften in einer Erklärung | 1 |
padding-bottom | Stellen Sie die untere Polsterelement | 1 |
padding-left | Das Element des linken padding | 1 |
padding-right | Element ist rechts Polsterung gesetzt | 1 |
padding-top | Einstellungen an den oberen Elemente zu füllen | 1 |
属性 |
说明 |
CSS |
bookmark-label |
指定书签的标签 |
3 |
bookmark-level |
指定了书签级别 |
3 |
bookmark-target |
指定了书签链接的目标 |
3 |
float-offset |
在相反的方向推动浮动元素,他们一直具有浮动 |
3 |
hyphenate-after |
指定一个断字的单词断字字符后的最少字符数 |
3 |
hyphenate-before |
指定一个断字的单词断字字符前的最少字符数 |
3 |
hyphenate-character |
指定了当一个断字发生时,要显示的字符串 |
3 |
hyphenate-lines |
表示连续断字的行在元素的最大数目 |
3 |
hyphenate-resource |
外部资源指定一个逗号分隔的列表,可以帮助确定浏览器的断字点 |
3 |
hyphens |
设置如何分割单词以改善该段的布局 |
3 |
image-resolution |
指定了正确的图像分辨率 |
3 |
marks |
将crop and/or cross标志添加到文档 |
3 |
string-set |
|
3 |
Immobilien | Erklärung | CSS |
---|
Box-align | Gibt an, wie ein Block von Unterelementen ausrichten | 3 |
Box-Richtung | In welche Richtung angegeben wird, zeigt es einen Kasten Kind-Element | 3 |
Box-flex | Gibt an, ob ein Feld von Unterelemente sind flexibel oder feste Größe | 3 |
Box-flex-Gruppe | Flexible Elemente zugewiesen Flex-Gruppe | 3 |
Box-Linien | Immer, wenn es läuft in den Raum des übergeordneten Rahmens, wenn eine weitere angeben, ob eine neue Zeile | 3 |
Box-ordinal-Gruppe | Ein Rahmenanzeigereihenfolge der Unterelemente | 3 |
box-orient | Gibt an, ob ein Feld eines Kindes Element in horizontaler oder vertikaler Richtung verlegt werden sollte | 3 |
Box-Pack | Gibt seitliche Gehäuse in einer horizontalen Position und der vertikalen Position des vertikalen Rahmen | 3 |
Immobilien | Erklärung | CSS |
---|
Schriftart | Stellen Sie alle Schrifteigenschaften in einer Erklärung | 1 |
font-family | Die Bestimmungen des Textes Schriftfamilie | 1 |
font-size | Die Bestimmungen des Textes Schriftgröße | 1 |
font-style | Schriftstile angegebenen Text | 1 |
font-variant | Schriftstile angegebenen Text | 1 |
font-weight | Vorgeschrieben Schriftstärke | 1 |
@ Font-face | Eine Regel, die die Website andere herunterladen und verwenden können als "Web-Safe" für die Schriftart | 3 |
font-size-adjust | Die Elemente Aspekt vorbestimmten Wert | 3 |
font-stretch | Verkleinern oder die aktuelle Schriftfamilie strecken | 3 |
Immobilien | Erklärung | CSS |
---|
Inhalt | Mit: before und: after Pseudo-Element zur Verwendung in Verbindung erzeugte Inhalt einfügen | 2 |
Gegenschritt | Ziffer erhöhen bzw. verringern einen oder mehrere Zähler | 2 |
counter-reset | Erstellen Sie eine oder mehrere Zähler oder zurückgesetzt | 2 |
Zitate | Set von verschachtelten Typen verwiesen Anführungszeichen | 2 |
Ernte | Erlauben ersetzte Elemente nur als Objekt anstelle der rechteckigen Fläche des gesamten Objekts | 3 |
bewegen zu | Bewirkt, dass ein Element aus dem Strömungs und wieder eingesetzt zu einem späteren Punkt in dem Dokument entfernt werden | 3 |
page-Politik | String-Wert wird auf der Seite bestimmt basierend auf einem bestimmten Element in dem Zähler anwenden | 3 |
Immobilien | Erklärung | CSS |
---|
Raster-Spalten | Gibt die Breite der einzelnen Spalten im Gitter | 3 |
Raster-Reihen | Gibt die Höhe jeder Spalte im Gitter | 3 |
Immobilien | Erklärung | CSS |
---|
Ziel | Stenografie Eigenschaft festlegen Zielname, ziel neu, und das Ziel-Eigenschaft position | 3 |
Ziel-Name | Gibt den Link zu öffnen (Ziel), wo | 3 |
Ziel neue | Gibt an, ob ein neues Ziel Link ein neues Fenster oder einen neuen Tab öffnen in einem bestehenden Fenster geöffnet | 3 |
Soll-Position | Geben Sie den neuen Ziel Links sollten in die Lage versetzt werden, | 3 |
Immobilien | Erklärung | CSS |
---|
Ausrichtung zu justieren | Ermöglicht eine präzisere Ausrichtung der Elemente | 3 |
alignment-baseline | Sein übergeordnetes Element angegeben Inline-Ebene, wie zum Ausrichten | 3 |
Baseline-Verschiebung | Ermöglicht Neupositionierung der dominant-Basislinie in Bezug auf die dominant-Basislinie | 3 |
dominant-Basislinie | Gibt die verkleinerte Basis-Tabelle | 3 |
Drop-initial-after-Anpassung | Legen Sie die anfängliche Ausrichtung Punkt Pulldown primären Verbindungspunkt | 3 |
Drop-initial-nach-align | Stellen Sie die Kalibrierungslinie innerhalb der ersten Linie ist, dass es den ersten Buchstaben der Box hat den primären Verbindungspunkt mit | 3 |
Drop-initial-vor-einzustellen | Einstellungen Dropdown-Hilfsverbindungspunkt anfängliche Ausrichtung Punkt | 3 |
Drop-initial-vor-align | Stellen Sie die Kalibrierungslinie innerhalb der ersten Linie ist, dass es den ersten Buchstaben des Hilfsanschlussdose hat | 3 |
Drop-initial-Größe | Der erste Buchstabe der Kontrolle der lokalen Setzungen | 3 |
Drop-Anfangswert | Aktivieren Sie ein Drop-down erste Ergebnisse | 3 |
Inline-box-align | Stellen Sie eine mehrzeilige Inline-Blockreihe mit ausgerichteten vorderen und nächsten Inline-Elemente nach oben | 3 |
Line-Stapel | Eine Reihe Line-Stapel-Strategie, Line-Stacking-Ruby und Line-Stapelschicht Attribut Kurzschrift-Eigenschaft | 3 |
Line-Stapel-ruby | Stellt die Linienstapelverfahren für Block-Elemente enthält, Ruby-Annotation-Elemente | 3 |
Line-Stapelschicht | Set Basis-Schaltlinie gestapelt Block-Elemente-Methode Element enthält, | 3 |
Line-Stapel-Strategie | Stapelverfahren Sätze innerhalb der Blockelemente des Stapels Rahmen enthalten | 3 |
Text-Höhe | Textbereich Inline-Box-Set Block-Progression Dimension | 3 |
Immobilien | Erklärung | CSS |
---|
Marge | Stellen Sie alle Randeigenschaften in einer Erklärung | 1 |
margin-bottom | Element ist unteren Rand gesetzt | 1 |
margin-left | Das Element am linken Rand | 1 |
margin-right | Das Element der rechte Rand | 1 |
margin-top | Element wird auf dem Rand gesetzt | 1 |
Immobilien | Erklärung | CSS |
---|
Marquee-Richtung | Richtung einstellen Verschieben von Inhalten | 3 |
Marquee-Play-count | Wie oft haben einrichten mobile Inhalte | 3 |
Marquee-Geschwindigkeit | Festlegen, wie schnell Scroll-Inhalt | 3 |
Marquee-Stil | Styling für mobile Inhalte | 3 |
Immobilien | Erklärung | CSS |
---|
column-count | Die Anzahl der Spalten angegebene Element sollte in das aufgeteilt werden | 3 |
column-fill | Gibt an, wie Spalten zu füllen | 3 |
Spalte-Lücke | Angegebene Abstand zwischen den Spalten | 3 |
Spalte-Regel | Alle Set für säulen regel- * Eigenschaften Kurzschrift-Eigenschaft | 3 |
column-rule-Farbe | Geben Sie Farbregeln zwischen den Spalten | 3 |
column-rule-Stil | Style-Regel legt fest, zwischen den Spalten | 3 |
column-rule-Breite | Gibt die Breite der Regel zwischen den Spalten | 3 |
Spalte Spanne | Wie viele Spalten angegebene Element erstrecken sollte | 3 |
Spaltenbreite | Gibt die Breite der Spalten | 3 |
Spalten | Stenografie Eigenschaft, um die Anzahl der Spalten und Spaltenbreite | 3 |
Immobilien | Fräulein | CSS |
---|
fit | Wenn die Breite und Höhe Attribute sind nicht automatisch gibt einen Hinweis darauf, wie massiv ersetzte Elemente | 3 |
fit-Position | Bestimmung der Ausrichtung des Objektes innerhalb des Kastens | 3 |
Bildorientierung | Gibt den User-Agent geeignet für Rechts- oder das Bild im Uhrzeigersinn drehen | 3 |
Seite | Geben Sie eine bestimmte Art von Element sollte eine Seite angezeigt werden | 3 |
Größe | Geben Sie den Inhalt der Seite mit dem BOX Größe und Ausrichtung | 3 |
Immobilien | Erklärung | CSS |
---|
Boden | Offset-Block an der Grenze zwischen den unteren Einstellungen Marge Elemente zur Verfügung, umfassend die Grenze | 2 |
klar | Auf welcher Seite des vorbestimmten Elements verhindert, dass andere Schwimmelemente | 1 |
Klammer | Schneiden Sie absolut positionierte Elemente | 2 |
Cursor | Typ Cursor Bestimmungen angezeigt werden (Form) | 2 |
Anzeige | Typ gibt die Elemente erzeugten Box werden | 1 |
Schwimmer | Sind sollten die Bestimmungen der Box schweben | 1 |
links | Rahmen Targeting Elementen seiner Grenze linken Rand Versatz zwischen dem linken Rand des Blocks | 2 |
Überlauf
| Was passiert, wenn der Inhalt der Bestimmungen des Überlaufbox Element | 2 |
Position | Location-Typ gibt die Elemente | 2 |
Recht | Einstellen der rechten Randpositionierungselemente einen Offset-Block Grenze und die rechte Grenze, die zwischen | 2 |
Top | Set enthaltenen Elemente an der Grenze und deren Rand-Offsets zwischen dem Blockrand Targeting | 2 |
Sichtbarkeit | Sind die Bestimmungen des sichtbaren Elemente | 2 |
z-index | Einstellen der Stapelreihenfolge der Elemente | 2 |
Immobilien | Erklärung | CSS |
---|
Waisen | Mindestanzahl der Zeilen tritt auf, wenn die inneren Elemente Register am unteren Rand der Seite muss beibehalten werden | 2 |
page-break-after | Registerkarte Einstellungen Verhaltenselemente nach | 2 |
page-break-before | Registerkarte Einstellungen Verhaltenselemente vor | 2 |
page-break-inside | Das Element in der Registerkarte Verhalten | 2 |
Witwen | Mindestanzahl der Zeilen tritt auf, wenn die inneren Elemente Register am oberen Rand der Seite muss beibehalten werden | 2 |
Immobilien | Erklärung | CSS |
---|
Rubin-align | Ruby und Ruby-Steuerung textbasierten Inhalt Textausrichtung relativ zueinander | 3 |
Rubin-Überhang | Wenn der Text überschreitet Breite Ruby Basis, bestimmen die lokale jeden benachbarten Text Ruby-Text montieren ist erlaubt, zusätzlich zu ihrer Basis | 3 |
ruby-Position | Wo es steuert den Basistext Rubin | 3 |
ruby-Spanne | Die Kontrolle über das Verhalten von Beschriftungselementen | 3 |
Immobilien | Erklärung | CSS |
---|
Markierung | Set mark-vor und Auszeichnungs nach Stenografie Eigenschaften zuschreiben | 3 |
mark-nach | Lassen Sie den Namen-Tags an den Audio-Stream | 3 |
mark-vor | Lassen Sie den Namen-Tags an den Audio-Stream | 3 |
Phoneme | Gibt an, dass der Text des entsprechenden Elements in einer Lautaussprache enthält | 3 |
Rest | Einstellen eines Ruhe vor und Ruhe nach Attribut Kurzschrift-Eigenschaften | 3 |
Rest-after | Ein Inhaltselement nach dem Finish bezeichnet, eine Pause einzulegen oder erfüllen prosodischen Grenze | 3 |
Ruhe-vor | Ein Inhaltselement vor dem Ziel bezeichnet, eine Pause einzulegen oder erfüllen prosodischen Grenze | 3 |
Voice-Balance | Spezifizierte Balance der linken und rechten Kanäle | 3 |
Voice-Dauer | den Inhalt des ausgewählten Elements angeben sollte die Länge der zu machen genommen werden | 3 |
Voice-Pitch | Gibt die durchschnittliche Stimme Tonhöhe (Frequenz) | 3 |
Voice-Pitch-Bereich | Gibt die durchschnittliche Tonhöhenänderung | 3 |
Voice-Rate | Drehzahlregelung | 3 |
Voice-Stress | Zeigen Anstrengungen darauf konzentrieren, | 3 |
Voice-Volumen | Sprachsyntheseeinrichtung, dass die Amplitude der Ausgangswellenform | 3 |
Immobilien | Erklärung | CSS |
---|
border-collapse | Gibt an, ob die Tabelle Verschmelzungs | 2 |
Grenzabstand | Ein vorbestimmter Abstand zwischen benachbarten Zellrahmen | 2 |
caption-side | Vorgegebene Position der Titeltabelle | 2 |
empty-cells | Gibt an, ob auf in leere Zellen Grenzen und Hintergrund Tabellen anzeigen | 2 |
Tisch-Layout | Festlegen von Layoutalgorithmus für Tabellen | 2 |
Immobilien | Erklärung | CSS |
---|
Farbe | Legen Sie die Farbe des Textes | 1 |
Richtung | Text vorgegebene Richtung / Schreibrichtung | 2 |
Zeichenabstand | Einstellen Zeichenabstand | 1 |
line-height | Einstellen der Zeilenhöhe | 1 |
text-align | Die horizontale Ausrichtung der Bestimmungen des Textes | 1 |
text-decoration | Bereitstellung hinzugefügt, um die Text des dekorativen Effekt | 1 |
text-indent | Die Bestimmungen des Textblocks Einzug der ersten Zeile | 1 |
text-trans | Sensitive Kontrollen für den Text | 1 |
unicode-bidi | | 2 |
vertical-align | Die vertikale Ausrichtung des Elements | 1 |
white-space | Wie ein leeres Kontrollelement zu setzen | 1 |
Wort-Abstand | Wortabstand Einstellungen | 1 |
Hänge-Interpunktion | Gibt an, ob ein Satzzeichen über die Linie Box sein kann | 3 |
Interpunktion-Trimm | Gibt an, ob ein Satzzeichen zu entfernen | 3 |
text-align-last | Wenn text-align gesetzt ist, die letzte Zeile Ausrichtung zu rechtfertigen. | 3 |
text rechtfertigen | Dezentrale Weise angegeben Ausrichtung, wenn text-align gesetzt wird, um die Zeit zu rechtfertigen. | 3 |
Text-outline | Stellen Sie den Umriss Text. | 3 |
Text-Überlauf | Element gibt an, wann der Text enthalten überläuft, was passieren soll, | 3 |
text-shadow | Fügen Sie einen Schatten auf Text | 3 |
Text-wrap | Regeln festlegen, Textumbruch | 3 |
Wort-Pause | Gibt Zeilenumbrüche Regeln für Nicht-CJK-Text | 3 |
word-wrap | Ob der Browser so einstellen, zu lange ein Zeilenumbruch zu sein. | 3 |
Immobilien | Erklärung | CSS |
---|
Übergang | Diese Eigenschaft ist eine Übergangseigenschaft, Übergangsdauer, Übergang-Timing-Funktion, Übergangsverzögerung verkürzt. | 3 |
Übergang-Eigenschaft | Sofern für den Übergang von CSS-Eigenschaften. | 3 |
Übergangsdauer | Stellen Sie die Länge der Zeit durchgeführt, um den Übergang. | 3 |
Übergang-Timing-Funktion | Stellen Sie die Übergangszeitfunktion ausgeführt. | 3 |
Übergang-Verzögerung | Gibt beginnt der Übergang. | 3 |
Immobilien | Erklärung | CSS |
---|
Aussehen | Außen-Stil Definition Elemente | 3 |
Box-Sizing | Es ermöglicht Ihnen, die Region anzupassen, um irgendwie bestimmte Elemente definieren | 3 |
Symbol | Geben Sie ein Symbol für das Element | 3 |
nav-down | Gibt der Benutzer die Navigationstaste nach unten Position drückt | 3 |
nav-Index | Gibt Navigation (tab) um. | 3 |
nav-links | Geben Sie, wenn der Benutzer auf die Schaltfläche auf der linken Seite drückt navigieren Standort | 3 |
nav-Recht | Gibt der Benutzer die richtige Position zu drücken, wenn die Navigation links | 3 |
nav-up | Gibt der Benutzer eine Position, um die Aufwärts-Taste Ebene hoch drückt | 3 |
outline-Offset | Einstellen des Offset-Kontur Rand außerhalb des Rahmens der Grenze | 3 |
Größe ändern | Ob die Definition der Elemente können geändert werden | 3 |