Einige CSS3-Eigenschaften selten sind Gebraucht- viele andere sind häufig genug verwendet, dass die Entwickler über sie wissen sollte. Eigenschaften und die damit verbundenen Werte bilden die Grundlage der Formatierung Sie CSS3 mit PERFORM. Hier ist eine Liste der Eigenschaften, die Sie selbst, die am häufigsten finden, wenn sie mit CSS3 arbeiten:
HintergrundLegt den Inhalt für den Hintergrund eines Elements. Der Wert für diese Eigenschaft ist oft eine Funktion, wie zum Beispiel linearen Gradienten ().
background-attachment: Gibt an, wie ein Bild mit dem Rest eines Elements zusammenwirkt. Sie verwenden die folgenden Schlüsselwörter um diese Eigenschaft zu konfigurieren: scrollen, fest, und lokal.
Hintergrundfarbe: Gibt die Hintergrundfarbe eines Unternehmens, wie die zugrunde liegenden Seite Farbe. Sie können für die Definition der Hintergrundfarbe eine dieser Techniken verwenden: hexadezimalen Wert, Farbbezeichnung, rgb () Funktion, RGBA () Funktion, hsl () Funktion oder HSLA () Funktion.
Hintergrundbild: Stellt die Position einer Ressource als Grafik für den Hintergrund eines Elements zu verwenden. Sie verwenden die url () Funktion, um die Lage zu spezifizieren.
Hintergrund Wiederholung: Ermöglicht das Hintergrundbild zu wiederholen oder nicht wiederholen (mit der no-repeat Schlüsselwort) nach Bedarf. Sie können auch nur die horizontale das Bild wählen zu wiederholen (repeat-x) Oder vertikal (repeat-y) Richtungen.
Hintergrund-Größe: Bestimmt die Größe des Hintergrundbildes als absoluter Wert oder als Prozentsatz.
Rand: Definiert die Art von Grenze zu erstellen, indem Sie eine der folgenden Schlüsselwörter festgelegt wird: keiner, versteckt, punktierte, gestrichelte, solide, doppelt, Rille, Grat, Einsatz, Anfang, oder erben. Es ist auch möglich, den Stil von jeder Seite einer Grenze zu individuell ändern die Verwendung von border-bottom-Stil, border-left; Stil, border-right; Stil, und border-top-style Eigenschaften.
Randfarbe: Gibt die Farbe an der Grenze eine Einheit umgibt. Sie können für die Definition der Hintergrundfarbe eine dieser Techniken verwenden: hexadezimalen Wert, Farbbezeichnung, rgb () Funktion, RGBA () Funktion, hsl () Funktion oder HSLA () Funktion.
border-image: Definiert ein Bild für den Grenz Inhalte zu verwenden, anstatt einen Linientyp. Sie verwenden in der Regel die url () Funktion, um den Wert dieser Eigenschaft angeben.
border-radius: Bestimmt, ob die Ecken einer Grenze sind gerundet und die Höhe der Rundung. Wenn eine abgerundete Ecke erstellen, können Sie die Menge der Rundung angeben. Um eine abgerundete Ecke zu entfernen, verwenden Sie die keiner Stichwort.
Rahmenbreite: Bestimmen Sie die Stärke des Rahmens ein Element umgibt. Sie können die Rahmenbreite mit einem Schlüsselwort definieren (Mittel, dick, oder dünn) Oder eine tatsächliche Messung.
column-count: Gibt die Anzahl der Spalten zu erstellen. Die Breite der Spalten schwankt automatisch, wenn der Benutzer das Browserfenster ändert die Größe (oder der Browser zeigt eine horizontale Scrollbar es möglich zu machen, über mehrere Spalten zu blättern, wenn eine bestimmte Breite und eingestellt ist).
column-fill: Legt fest, wie der Browser die Spalten füllt (entweder füllt eine Spalte zu einer Zeit, oder füllen Sie alle Spalten gleichzeitig mit einer gleichmäßigen Menge des Inhalts).
Spalte-Lücke: Erstellt eine Lücke zwischen den Spalten es leichter zu bestimmen, wo eine Spalte endet und eine andere beginnt zu machen.
Spalte-Regel: Erstellt eine Regel zwischen Spalten, so dass der Benutzer ein physikalisches Trennzeichen zu sehen. Diese Eigenschaft besteht aus Farbe, Stil und Breite.
column-rule-Farbe: Bestimmt mit Farbe der Regel zwischen Spalten verwendet.
column-rule-Stil: Legt den Stil der Regel zwischen Spalten verwendet.
column-rule-Breite: Bestimmt die Breite der Regel zwischen Spalten verwendet.
Spalte Spanne: Gibt die Anzahl der Spalten, die ein Objekt umfassen kann.
Spaltenbreite: Gibt eine Spaltenbreite.
Spalten: Bietet eine Kurz Verfahren zur Festlegung sowohl der column-count und Spaltenbreite Eigenschaften.
Farbe: Gibt die Vordergrundfarbe eines Unternehmens, wie zum Beispiel Text. Sie können für die Definition der Farbe eine dieser Techniken verwenden: hexadezimalen Wert, Farbbezeichnung, rgb () Funktion, RGBA () Funktion, hsl () Funktion oder HSLA () Funktion.
Inhalt: Gibt den Text oder eine andere Ressource als Teil des Elements Präsentation festgelegt. Diese Eigenschaft wird häufig verwendet, Aufgaben wie Pfeile auf visuelle Elemente hinzufügen. Sie geben den Wert der Verwendung url () Funktion, Unicode-Zeichennummer durch einen Schrägstrich (wie 27A8) oder ein Schlüsselwort voraus.
anzeigen: Gibt an, wie bestimmte Elementtypen auf der Seite zu präsentieren. Sie können eine der folgenden Schlüsselwörter verwenden, den Anzeigetyp zu definieren: keiner, Box (oder flex-box), Block, biegen, in der Reihe, inline-block, Inline-flex, inline-table, Listenpunkt, Tabelle, Tabellenüberschrift, table-cell, Tisch-Säule, table-column-Gruppe, table-footer-Gruppe, table-header-Gruppe, Tischreihe, oder table-row-Gruppe.
schweben: Kann ein Bild in der Richtung zu schweben angegeben. Sie definieren diese Eigenschaft die folgenden Stichworten: links, Recht, oder keiner.
Schriftfamilie: Definiert den Namen der Schriftart. Drei sind drei Schrift Klassifikationen normalerweise als Teil von CSS verwendet (und die meisten CSS-Seiten verwenden alle drei, wenn Sie auch die angeben src Eigentum): spezifisch, Web sicher, und generic.
Schriftgröße: Bestimmt die Größe der Schrift im Vergleich zu anderen Schriftarten auf der Seite oder bietet eine bestimmte Schriftgröße. Sie können für die Definition der Schriftgröße eine dieser Techniken verwenden: spezifische Größe, Stichwort (wie groß oder größer) Und Prozentsatz.
Schriftstil: Legt den Stil der Schriftart, die der Browser erstellt. Der Browser muss den Stil unterstützen und die Schrift muss den Stil, um diese Eigenschaft liefern zu übernehmen. Die Schriftart Schlüsselwörter sind: normal, kursiv, schräg (In der Regel eine stärkere kursiv), und erben.
font-variant: Gibt an, ob die Schriftart in einer Variante Form präsentiert werden soll. Nicht alle Browser und Schriftarten unterstützen diese Funktion. Die Schlüsselwörter für diese Eigenschaft sind normal, Small Caps, und erben.
font-weight: Bestimmt die relative Dunkelheit der Schrift und die Breite seiner Striche. Es gibt zwei Methoden für die Definition der Schriftstärke: numerisch und Schlüsselwort (wie Fett gedruckt).
Höhe: Gibt die vertikale Größe eines Elements.
links: Zeigt die am weitesten links stehende Position eines Elements auf einer Seite.
list-style: Definiert das Aussehen eines Listenelements. Sie können die Art von Markierungen definieren zu verwenden, um die Position der Markierungen, und ob die Markierungen tatsächlich unter Verwendung der Bilder erstellt, statt Standardzeichen.
Marge: Gibt den Abstand zwischen dem Rand eines Elements und dem Rand eines anderen Elements.
margin-bottom: Zeigt die unterste Position eines Elements Marge auf einer Seite.
margin-left: Zeigt die am weitesten links stehende Position eines Elements Rand auf einer Seite.
margin-top: Gibt die oberste Position eines Elements Marge auf einer Seite.
Polsterung: Gibt den Abstand zwischen dem Rand eines Elements und den Inhalt innerhalb des Elements.
Position: Gibt die Platzierung von Elementen auf einer Seite. Sie geben die Platzierung dieser Schlüsselwörter verwenden: statisch (Die Elemente geflossen), Absolute (Die Elemente in einer bestimmten Position angezeigt werden, auch wenn eine solche Anordnung ein anderes Element überschreiben würde), fest (Die Elemente relativ zu dem Browserfenster platziert) oder relativ (Werden die Elemente in Bezug auf übergeordnete Elemente platziert).
text-align: Legt die Position des Textes auf einer Linie. Sie geben die Ausrichtung der Verwendung rechtfertigen, Recht, Center, und links Schlüsselwörter.
text-decoration: Definiert die Zugabe eines Merkmals, wie Unter-, Über- oder line-through auf die Schriftart. Diese Eigenschaft funktioniert überall, so brauchen Sie sich keine Sorgen zu machen, ob jemand Ihre Seite auf einem Fernseher betrachten oder mit einem Smartphone wird die Nachricht bekommen.
Text-Überlauf: Definiert die Aktion, die stattfinden wird, wenn der Text das Feld überläuft verwendet, sie enthalten. Zulässige Werte sind: Klammer, Ellipsen, oder ein String Wert, den Sie zur Verfügung stellen.
text-shadow: Zeigt ein Schatten der Ziel Zeichen an der gleichen Breite wie die Zielzeichen. Die Positionierung, Stärke und Farbe des Schattens sind durch die folgenden Eigenschaften bestimmt: h-Schatten (Bestimmt die horizontale Positionierung des Schattens), v-Schatten (Bestimmt die vertikale Positionierung des Schattens), verwischen (Gibt die Klarheit des Schattens text), und Farbe (Definiert die Farbe der Kontur).
Sichtweite: Gibt die Ebene der Sichtbarkeit für ein Element. Sie verwenden die folgenden Schlüsselwörter um diese Eigenschaft zu konfigurieren: sichtbar, versteckt, oder Zusammenbruch.
Breite: Gibt die horizontale Größe eines Elements.
Wort-Pause: Legt fest, wie Text innerhalb einer enthaltenden Box verpackt wird, wenn sie mit einem Nicht-CJK (Chinesisch Japanisch Koreanisch) Sprache arbeiten. Zulässige Werte sind: normal, break-all, und mit Bindestrich schreiben.
Zeilenumbruch: Legt fest, wie Text gebrochen und dann in die nächste Zeile in einer Box verpackt enthält, wenn sie mit einem Nicht-CJK Sprache arbeiten. Zulässige Werte sind: normal und break-word.