Cascading Style Sheets, Level 1, alles in einem Laser-Niveau.

Cascading Style Sheets, Level 1, alles in einem Laser-Niveau.

Cascading Style Sheets, Level 1, alles in einem Laser-Niveau.

Cascading Style Sheets, Level 1

Hinweis: Dieser Absatz ist informativ. Dieses Dokument ist derzeit nicht gepflegt. Die CSS-Arbeitsgruppe entwickelt CSS Level 2 Revision 1, die hier beschrieben viel präziser und Web-kompatible Definitionen der Merkmale aufweist. Die CSS-Arbeitsgruppe fördert Autoren und Implementierer zu Referenz CSS 2.1 (oder sein Nachfolger) anstelle dieses Dokuments und wenn gemeinsame Merkmale mit CSS1 und CSS 2.1 definiert sind unterschiedlich die Definitionen in CSS 2.1 zu folgen.

Status dieses Dokuments

Dieses Dokument ist eine W3C-Empfehlung. Es wurde von W3C (http://www.w3.org/) Mitglieder und allgemeine Übereinstimmung überprüft, dass die Spezifikation geeignet ist für den Einsatz erreicht ist. Es ist ein stabiles Dokument und kann als Referenzmaterial oder zitiert als normative Referenz von anderen Dokumenten verwendet werden. W3C fördert weit verbreiteten Einsatz dieser Empfehlung.

Eine Liste der aktuellen W3C-Empfehlungen und andere technische Dokumente können unter http://www.w3.org/TR/.

Dieses Dokument ist eine überarbeitete Version des Dokuments erstmals am 17. 1996. Änderungen Dezember von der Originalversion sind in Anhang F. Die Liste der bekannten Fehler in dieser Spezifikation ist unter http://www.w3.org/Style/ verfügbar aufgeführt freigegeben CSS / Errata / REC-CSS1-19990111-errata

Dieses Dokument legt Ebene 1 des Cascading Style Sheet Mechanismus (CSS1). CSS1 ist ein einfaches Stylesheet-Mechanismus, der Autoren und Leser ermöglicht Stil zu befestigen (z Schriftarten, Farben und Abstände) in HTML-Dokumenten. Die CSS1 Sprache ist menschlich lesbar und beschreibbar, und zum Ausdruck bringt Stil in gängigen Desktop Publishing-Terminologie.

Eines der grundlegenden Merkmale von CSS ist, dass Stylesheets Kaskade; Autoren können eine bevorzugte Stylesheet anhängen, während der Leser eine persönliche Stylesheet kann für den menschlichen oder technischen Behinderungen einzustellen. Die Regeln für die Lösung von Konflikten zwischen verschiedenen Stylesheets werden in dieser Spezifikation definiert.

Diese Empfehlung ergibt sich aus W3C-Aktivitäten im Bereich der Style Sheets. Hintergrundinformationen zu Stylesheets finden Sie unter [1].

Attribut HTML-Attribut dem Autor eines HTML-Dokuments Block-Element ein Element Autor, welche einen Zeilenumbruch vor und nach (z ‘H1’ in HTML) hat die Leinwand der Teil der Zeichenfläche des UA, auf die Dokumente untergeordnetes Element ein gerendert werden Subelement in SGML [5] Terminologie kontextuelle Selektor ein Selektor, der Elemente auf der Grundlage ihrer Position in der Dokumentstruktur übereinstimmt. Ein Kontext Selektor besteht aus mehreren einfachen Selektoren. Z.B. der kontextuellen Selektor ‘H1.initial B’ besteht aus zwei einfachen Selektoren, ‘H1.initial’ und ‘B’. CSS Cascading Style Sheets CSS1 Cascading Style Sheets, Level 1. Dieses Dokument definiert CSS1, die ein einfaches Stylesheet-Mechanismus für die Bahn ist. CSS1 erweiterte Funktionen Funktionen, die in dieser Beschreibung beschrieben sind, sondern markiert als nicht unter den CSS1 Kern verfügt über CSS1 Kern den Teil der CSS1 verfügt, die in allen erforderlich ist Css1 UAs CSS1 Parser einen User-Agent-konform, die CSS1 Style Sheets Deklaration eine Eigenschaft (zB liest » font-size ‘) und ein entsprechender Wert (zB «12 pt’) Designer der Designer eines Stylesheet-Dokument HTML-Dokument Element HTML-Element Elementtyp ein generic-Kennung in SGML [5] Terminologie fiktiven Markierungssequenz ein Werkzeug zur Beschreibung des Verhaltens von Pseudoklassen und Pseudoelemente Schriftgröße die Größe, für die eine Schriftart ausgelegt ist. Typischerweise ist die Größe einer Schriftart in etwa gleich dem Abstand von der Unterseite des untersten Brief mit einem Abseilgerät auf der Oberseite des höchsten Brief mit einem ascender und (optional) mit einem diakritisches Zeichen. HTML Hypertext Markup Language [2]. eine Anwendung von SGML. HTML-Erweiterung Markup von UA-Anbieter eingeführt, meist bestimmte visuelle Effekte zu unterstützen. Das "SCHRIFTART". "CENTER" und "BLINKEN" Elemente sind Beispiele für HTML-Erweiterungen, wie das ist "BGCOLOR" Attribut. Eines der Ziele der CSS ist eine Alternative zu HTML Erweiterungen bereitzustellen. ein Element Inline-Element, das vor und nach (z ‘STRONG’ in HTML) intrinsische Dimensionen der Breite und Höhe nicht einen Zeilenumbruch haben, wie durch das Element selbst definiert, nicht durch die Umgebung auferlegt. In dieser Beschreibung wird angenommen, dass alle Elemente ersetzt — und nur dann ersetzt Elemente — kommen mit intrinsischer Dimensionen. Eltern-Element der enthaltende Element in SGML [5] Terminologie Pseudoelement pseudo-Elemente werden in CSS Selektoren verwendet typographische Elemente (beispielsweise die erste Zeile eines Elements) als Strukturelemente zu adressieren. Pseudo-Klasse-Pseudo-Klassen werden in CSS-Selektoren verwendet, um Informationen außerhalb der HTML-Quelle zu ermöglichen (zum Beispiel die Tatsache, dass ein Anker besucht wurde oder nicht) Elemente zu klassifizieren. Eigenschaft eine stilistische Parameter, die durch CSS beeinflusst werden kann. Diese Spezifikation definiert eine Liste von Eigenschaften und ihre entsprechenden Werte. Leser die Person, für die das Dokument-Element, dass die CSS-Formatierungs nur ein Element ersetzt gemacht wird, die inneren Dimensionen kennt. In HTML ‘IMG’, ‘INPUT’, ‘TEXTAREA-‘, ‘SELECT’ und ‘Objekt’ Elemente können Beispiele für ersetzte Elemente sein. Z.B. der Inhalt des Elements «IMG» wird oft durch das Bild ersetzt, dass das SRC-Attribut auf. CSS1 definiert nicht, wie die inneren Dimensionen zu finden sind. Regel eine Erklärung (z ‘font-family: Helvetica’) und seine Wähler (z ‘H1’) einen String Lektor, der die entsprechende Regel angewendet werden, welche Elemente identifiziert. Ein Wähler kann entweder einen einfachen Selektor (z ‘H1’) oder ein Kontext Selektor (z ‘H1 B’) sein, die aus mehreren einfachen Selektoren besteht. SGML Standard Generalized Markup Language [5]. von denen HTML ist eine Anwendung einfachen Selektor ein Selektor, der Elemente basierend auf dem Elementtyp und / oder Attribute, und nicht, dass er Position der Elemente in der Dokumentstruktur übereinstimmt. Z.B. ‘H1.initial’ ist eine einfache Wähler. Stylesheet eine Sammlung von Regeln UA User Agent, oft ein Webbrowser oder Web-Client Benutzer auch mit Leser Gewicht, um die Priorität einer Regel

Im Text dieser Beschreibung, einfache Anführungszeichen ( ‘.’) Bezeichnen HTML und CSS Auszüge.

einfache Stylesheets zu entwerfen ist einfach. Man braucht nur ein wenig HTML und einige grundlegende Desktop-Publishing-Terminologie zu kennen. Z.B. die Textfarbe von ‘H1’ Elemente zu blau zu setzen, kann man sagen:

Das obige Beispiel ist eine einfache CSS-Regel. Eine Regel besteht aus zwei Hauptteilen: Selektor ( ‘H1’) und Erklärung ( «color: blue ‘). Die Erklärung besteht aus zwei Teilen: property ( ‘Farbe’) und Wert ( «blau»). Während das obige Beispiel nur eine der Eigenschaften für die Darstellung eines HTML-Dokuments benötigt zu beeinflussen versucht, qualifiziert sie sich als ein Stylesheet auf seinen eigenen. In Kombination mit anderen Stylesheets (eine grundlegende Eigenschaft von CSS ist, dass Stylesheets kombiniert werden) wird es die endgültige Vorlage des Dokuments bestimmen.

Der Selektor ist die Verbindung zwischen dem HTML-Dokument und das Stylesheet und alle HTML-Element-Typen sind möglich Selektoren. HTML-Elementtypen sind in der HTML-Spezifikation definiert [2].

Die Eigenschaft ‘color’ ist einer von rund 50 Objekte, die die Darstellung eines HTML-Dokuments bestimmen. Die Liste der Eigenschaften und ihre möglichen Werte ist in dieser Spezifikation definiert.

HTML-Autoren müssen nur Stylesheets zu schreiben, wenn sie einen bestimmten Stil für ihre Dokumente vorgeschlagen werden soll. Jeder User Agent (UA, oft ein "Webbrowser" oder "Web-Client") Wird ein Standard-Stylesheet haben, die Dokumente in einer angemessenen präsentiert — aber wohl banal — Art und Weise. Anhang A enthält eine Blattprobe Stil HTML-Dokumente zu präsentieren, wie in der HTML 2.0-Spezifikation vorgeschlagen [3].

Die formale Grammatik für die CSS1 Sprache ist in Anhang B definiert

Um Blätter für die Art der Präsentation zu beeinflussen, muss der UA ihrer Existenz bewusst sein. Die HTML-Spezifikation [2] definieren, wie HTML mit Stylesheets zu verknüpfen. In diesem Abschnitt ist daher informativ, aber nicht normativ:

Das Beispiel zeigt vier Möglichkeiten, Stil und HTML zu kombinieren: die «LINK» Element mit einem externen Stylesheet zu verknüpfen, einen «Stil» Element innerhalb des ‘HEAD’ Element, eine importierte Stylesheet mit der CSS ‘@import’ Schreibweise, und a ‘STYLE’ Attribut auf ein Element innerhalb «Körper». Die letztere Option mischt Stil mit Inhalt und verliert die entsprechenden Vorteile der traditionellen Stylesheets.

Die ‘LINK’ Elementreferenzen alternative Stylesheets, die der Leser wählen können, während importierte Stylesheets mit dem Rest des Stylesheets automatisch zusammengeführt.

Traditionell haben die UAS leise unbekannt Tags ignoriert. Als Ergebnis. alt UAs wird das «STYLE» Element ignorieren, aber ihr Inhalt wird als solche im Rahmen des Dokumentenkörper und gerendert behandelt werden. Während einer Übergangsphase, «Stil» Elementinhalt verborgen werden können SGML-Kommentaren:

Da das «STYLE» Element deklariert als "CDATA" in der DTD (wie definiert in [2]), konforme SGML-Parser die oben Stylesheet nicht für einen Kommentar zu sein, die entfernt werden soll.

Um die Größe von Stylesheets zu reduzieren, kann man Gruppenwähler in durch Komma getrennte Listen:

Auf ähnliche Weise können Erklärungen zusammengefasst werden:

Darüber hinaus haben einige Eigenschaften ihre eigene Gruppierung Syntax:

die zu dem vorherigen Beispiel entspricht.

Im ersten Beispiel wird die Farbe von ‘H1’ Elemente wurde auf blau gesetzt. Angenommen, es ist ein «H1» Element mit einem betont Element im Inneren:

Wenn keine Farbe hat auf die «EM» Element zugeordnet ist, das betont "ist" die Farbe des übergeordneten Elements erben, das heißt es wird auch in blau erscheinen. Andere Stileigenschaften ebenfalls vererbt werden, z.B. ‘Font-family’ und ‘font-size’.

So stellen Sie ein "Standard" Stil-Eigenschaft für ein Dokument, kann man die Eigenschaft auf ein Element gesetzt, von dem alle sichtbaren Elemente absteigen. In HTML-Dokumenten kann der «Körper» Element dieser Funktion dienen:

Dies funktioniert auch, wenn der Autor der «Körper» Tag ausgelassen (die legal ist), da der HTML-Parser die fehlende Tag schließen. Das obige Beispiel setzt die Textfarbe, schwarz zu sein und der Hintergrund ein Bild zu sein. Der Hintergrund wird weiß sein, wenn das Bild nicht verfügbar ist. (Abschnitt 5.3 für weitere Informationen hierzu finden Sie.)

Einige Stileigenschaften werden nicht aus dem Mutterelement mit dem Kind-Element geerbt. Meistens ist es intuitiv, warum dies nicht der Fall ist. Z.B. hat die Eigenschaft ‘background’ nicht erben, aber der Hintergrund des übergeordneten Elements wird standardmäßig durchscheinen.

Oft ist der Wert einer Eigenschaft ein Prozentsatz, der auf eine andere Eigenschaft bezieht:

Für jede Eigenschaft, die Prozentwerte ermöglicht wird definiert, welche Eigenschaft sie sich bezieht. Kinder Elemente von ‘P’ wird der berechnete Wert von ‘line-height’ (das heißt 12 pt), nicht der Anteil erben.

Um die Granularität der Kontrolle über die Elemente zu erhöhen, ein neues Attribut wurde HTML hinzugefügt [2]. ‘KLASSE’. Alle Elemente im Inneren des «Körper» Element kann eingestuft werden, und die Klasse kann im Stylesheet angegangen werden:

Die normalen Vererbungsregeln gelten für klassierter Elemente; sie erben Werte von ihren Eltern in der Dokumentstruktur.

Man kann alle Elemente der gleichen Klasse Adresse durch den Tag-Namen in der Auswahl Weglassen:

Nur eine Klasse kann pro Selektor angegeben werden. ‘P.pastoral.marine’ ist daher ein ungültiger Wähler in CSS1. (Kontext-bezogene Selektoren, wie unten beschrieben, kann eine Klasse pro einfachen Wähler haben)

CSS gibt so viel Energie an die CLASS-Attribut, dass in vielen Fällen ist es nicht einmal wichtig, welche HTML-Element der Klasse auf gesetzt — Sie jedes Element fast jede andere emulieren machen kann. Unter Berufung auf diese Leistung ist nicht zu empfehlen, da sie die Höhe der Struktur entfernt, die eine universelle Bedeutung (HTML-Elemente) hat. Eine Struktur auf Klasse basiert ist nur sinnvoll, innerhalb einer begrenzten Domäne, in der die Bedeutung einer Klasse wurde auf gegenseitig vereinbart.

HTML [2] führt auch die ‘ID’ Attribut, das einen eindeutigen Wert über das Dokument zu haben, ist garantiert. Es kann daher als ein Stylesheet-Selektor von besonderer Bedeutung sein, und kann mit einem vorangestellten «#» angegangen werden:

In dem obigen Beispiel entspricht der erste Selektor das ‘P’ Element aufgrund der Attributwert ‘ID’. Der zweite Selektor spezifiziert sowohl einen Elementtyp ( ‘H1’) und einen ID-Wert, und wird daher nicht das ‘P’ Element entsprechen.

Durch die Verwendung der ID-Attribut als Selektor, kann man Stileigenschaften auf einer Pro-Elementbasis eingestellt. Während Stylesheets entwickelt wurden, Dokumentstruktur zu erweitern, wird diese Funktion erlauben Autoren Dokumente zu erstellen, die auf der Leinwand präsentieren auch ohne den Vorteil der Strukturelemente von HTML nehmen. Diese Verwendung von Stylesheets wird abgeraten.

Vererbung spart CSS Designer Typisierung. Anstatt alle Stileigenschaften festlegen, können ein Standardwerte erstellen und dann die Ausnahmeliste. Zu geben, ‘EM’ Elemente innerhalb ‘H1’ eine andere Farbe haben, kann man angeben:

Wenn dieses Stylesheet in Kraft ist, betont, alle Abschnitte innerhalb oder außerhalb ‘H1’ wird rot. Wahrscheinlich wollte man nur ‘EM’ Elemente innerhalb ‘H1’ zu rot und kann dies mit angegeben werden:

Der Selektor ist nun ein Suchmuster auf dem Stapel der offenen Elementen, und diese Art von Selektor wird als bezeichnet Kontext Selektor. Kontext-bezogene Selektoren bestehen aus mehreren einfachen Selektoren durch Leerzeichen getrennt (alle Selektoren bisher beschriebenen waren einfache Selektoren). Nur Elemente, die die letzten einfachen Selektor (in diesem Fall das «EM» Element) entsprechen, werden angesprochen, und nur dann, wenn das Suchmuster übereinstimmt. Kontext-bezogene Selektoren in CSS1 sucht Vorfahren Beziehungen, aber auch andere Beziehungen (z Eltern-Kind) kann in späteren Versionen eingeführt werden. In dem obigen Beispiel entspricht das Suchmuster, wenn ‘EM’ ein Nachkomme von «H1» ist, das heißt, wenn ‘EM’ befindet sich in einer ‘H1’ Element.

Hier sind die ersten Auswahl Streichhölzer «LI» Elemente mit mindestens einem «UL» Vorfahren. Der zweite Selektor entspricht einer Teilmenge der ersten, das heißt ‘LI’ Elemente mit mindestens zwei ‘UL’ Vorfahren. Der Konflikt wird durch die zweite Selektor ist präziser wegen der längeren Suchmuster aufgelöst. Siehe die Kaskaden-Reihenfolge (Abschnitt 3.2) für weitere Informationen hierzu.

Kontext-bezogene Selektoren können für Elementtypen suchen, CLASS Attribute, ID-Attribute oder Kombinationen von diesen:

Der erste Selektor passt auf alle ‘P’ Elemente, die eine «DIV» unter den Vorfahren haben. Der zweite Selektor passt auf alle ‘H1’ Elemente, die ein Vorfahr der Klasse ‘rötlich’ haben. Der dritte Selektor passt alle «CODE» Elemente, die Nachkommen des Elements mit ‘ID = x78y’ sind. Der vierte Selektor passt auf alle ‘H1’ Elemente, die eine ‘DIV’ Vorfahr mit Klasse «Nebenbei bemerkt» haben.

Mehrere Kontext Selektoren können in Gruppen zusammengefasst werden:

Das ist äquivalent zu:

Textual Kommentare in CSS-Stylesheets sind ähnlich denen in der Programmiersprache C [7].

Kommentare können nicht verschachtelt werden. Für einen CSS1-Parser ist ein Kommentar zu Leerzeichen gleichwertig.

In CSS1 wird Stil normalerweise auf ein Element an seiner Position in der Dokumentstruktur auf Basis angebracht ist. Dieses einfache Modell ist für eine Vielzahl von Stilen ausreichend, aber nicht einige gemeinsame Effekte decken. Das Konzept der Pseudoklassen und Pseudoelemente sich Adressierung in CSS1 externen Informationen zu ermöglichen, um die Formatierung zu beeinflussen.

Pseudo-Klassen und Pseudo-Elemente können in CSS-Selektoren verwendet werden, aber gibt es nicht in der HTML-Quelle. Vielmehr sind sie "eingeführt" durch die UA unter bestimmten Bedingungen für die Adressierung in Stylesheets verwendet werden. Sie werden bezeichnet als "Klassen" und "Elemente" da dies ein bequemer Weg, ihr Verhalten zu beschreiben. Genauer gesagt wird ihr Verhalten durch eine definierte fiktive Tag-Sequenz.

Pseudo-Elemente werden verwendet, Unterteile von Elementen zu adressieren, während Pseudo-Klassen-Stylesheets ermöglichen, zwischen verschiedenen Elementtypen zu unterscheiden.

Benutzerprogramme häufig neu besuchten Anker unterschiedlich, von älteren anzuzeigen. In CSS1 wird dies durch Pseudo-Klassen auf dem ‘A’ Element behandelt:

Alle ‘A’ Elemente mit einem «HREF-Attribut wird in einer und nur einer dieser Gruppen gesetzt werden (das heißt Zielanker sind nicht betroffen). UAs kann ein Element zu bewegen, von ‘besucht’ auf ‘Link’ nach einer bestimmten Zeit zu wählen. Eine «aktive» Verbindung ist eine, die zur Zeit (zum Beispiel durch eine Maustaste drücken) ausgewählt wird durch den Leser.

Die Formatierung eines Ankers Pseudo-Klasse ist, als ob die Klasse hatte manuell eingefügt. Ein UA ist nicht aktuell angezeigte Dokument aufgrund Anker Pseudoklasse Übergänge zu umformatieren erforderlich. Z.B. ein Blatt Stil kann gesetzlich festlegen, dass die ‘font-size’ eines «aktiven» Link größer sein sollte als eine «besucht» Link, aber der UA ist nicht dynamisch formatieren Sie das Dokument dann erforderlich, wenn der Leser die ‘besucht’ Link auswählt.

Pseudo-Klassen-Selektoren nicht übereinstimmen normalen Klassen, und umgekehrt. Der Stil der Regel im Beispiel unten wird daher keinen Einfluss:

In CSS1 Anker Pseudoklassen haben keinen Einfluss auf andere Elemente als ‘A’. Daher kann der Elementtyp aus dem Selektor weggelassen werden:

Die beiden Selektoren über die gleichen Elemente in CSS1 wählen.

Pseudo-Klassennamen sind Groß- und Kleinschreibung.

Pseudo-Klassen können in kontextuelle Selektoren verwendet werden:

Auch Pseudo-Klassen können mit normalen Klassen kombiniert werden:

Wenn der Link in dem obigen Beispiel wurde besucht, wird es in blau gemacht werden. Beachten Sie, dass normale Klassennamen Pseudoklassen im Selektor vorausgehen.

Einige häufige typografische Effekte verbunden sind, nicht mit Strukturelementen, sondern mit typographische Elemente wie auf der Leinwand formatiert. die erste Zeile eines Elements und dem ersten Buchstaben: In CSS1 zwei solche typographische Elemente können durch Pseudo-Elemente angesprochen werden.

CSS1 Kern: ‘: First-line «oder»: first-letter «in der Auswahl, oder alternativ nur eine Teilmenge der Eigenschaften dieser Pseudo-Elemente unterstützen UAs können alle Regeln mit ignorieren. (Siehe Abschnitt 7)

Die «first-line» Pseudo-Element wird verwendet, um spezielle Arten in die erste Zeile anzuwenden, wie auf der Leinwand formatiert:

Auf einer textbasierten UA, könnte dies als formatiert werden:

Die fiktive Tag-Sequenz in dem obigen Beispiel ist:

Die «first-line» End-Tag ist am Ende der ersten Zeile eingefügt, wie auf der Leinwand formatiert.

Die «first-line» Pseudo-Element kann nur zu einem Block-Level-Element angebracht werden.

Die «first-line» Pseudoelement ist ähnlich wie ein Inline-Element, aber mit gewissen Einschränkungen. Nur die folgenden Eigenschaften beziehen sich auf eine «first-line» Element: Schrifteigenschaften (5.2), Farbe und Hintergrundeigenschaften (5.3), «Wortabstand» (5.4.1), «Brief Abstand» (5.4.2), «text-decoration» (5.4.3), ‘vertical-align’ (5.4.4), ‘text-transform «(5.4.5),’ line-height ‘(5.4.8),» klar «(5.5. 26).

Die «first-letter ‘Pseudo-Element wird verwendet für "Kapitälchen" und "Tropfenkappen", Die sind häufig typographische Effekte. Es ist vergleichbar mit einem Inline-Element, wenn sein «schweben» Eigentum ist ‘none’, sonst ist es zu einem Floating Element ähnlich ist. Dies sind die Eigenschaften, die gelten für «first-letter ‘Pseudo-Elemente: Schrifteigenschaften (5.2), Farbe und Hintergrundeigenschaften (5.3),» text-decoration «(5.4.3),’ vertical-align ‘(nur wenn’ float ‘ist’ none ‘, 5.4.4),’ text-transform «(5.4.5), ‘line-height’ (5.4.8), Randeigenschaften (5.5.1 -5.5.5), Polstereigenschaften (5.5 0,6 -5.5.10), Grenz Eigenschaften (5.5.11 -5.5.22), «schweben» (5.5.25), «klar» (5.5.26).

Dies ist, wie Sie eine dropcap Anfangsbuchstaben Spannweite zwei Linien machen könnte:

Wenn eine textbasierte UA die «first-letter» Pseudo-Element (sie wahrscheinlich nicht) unterstützt, die oben könnte so formatiert, wie:

Die fiktive Tag-Sequenz ist:

Beachten Sie, dass die «first-letter ‘Pseudo-Element-Tags stoßen den Inhalt (das heißt, die Anfangszeichen), während die» first-line «Pseudo-Element-Start-Tag direkt nach dem Start-Tag des Elements eingesetzt ist es angebracht ist.

Die UA definiert, welche Zeichen sind im Inneren des «first-letter ‘Element. Normalerweise Zitate, die den ersten Buchstaben vorausgehen sollten enthalten sein:

Wenn der Absatz mit anderen Satz beginnt (zum Beispiel Klammern und durch Auslassungspunkte) oder andere Zeichen, die normalerweise die Buchstaben nicht berücksichtigt (z Ziffern und mathematische Symbole), «first-letter ‘Pseudo-Elemente sind in der Regel ignoriert.

Einige Sprachen können über spezifische Regeln darüber, wie bestimmte Buchstabenkombinationen zu behandeln. Auf Niederländisch, zum Beispiel, wenn die Buchstabenkombination "ij" Anfang eines Wortes erscheint an, sollten sie sowohl innerhalb des «first-Buchstaben» pseudo-Element berücksichtigt werden.

Die «first-letter ‘Pseudo-Element kann nur zu einem Block-Level-Element angebracht werden.

In einem Kontext-Selektor, Pseudoelemente werden erst am Ende des Selektors erlaubt:

Pseudo-Elemente können mit Klassen in Selektoren kombiniert werden:

Das obige Beispiel würde den ersten Buchstaben aller ‘P’ Elemente mit ‘CLASS = Initiale’ rot zu machen. Wenn mit Klassen oder pseudo-Klassen kombiniert werden, Pseudoelemente müssen am Ende des Selektors angegeben werden. Nur ein Pseudoelement kann pro Selektor angegeben werden.

Mehrere Pseudoelemente können miteinander kombiniert werden:

In diesem Beispiel würde der erste Buchstabe jedes ‘P’ Element mit einer Schriftgröße von 24pt grün sein. Der Rest der ersten Zeile (wie auf der Leinwand formatiert) wäre blau, während der Rest des Absatzes rot wäre. Unter der Annahme, dass ein Zeilenumbruch vor dem Wort auftreten "Enden", Die fiktive Tag-Sequenz ist:

Beachten Sie, dass die «first-letter ‘Element innerhalb des» first-line «Element ist. Eigenschaften setzen auf «first-line» wird durch «first-letter ‘vererbt werden, aber außer Kraft gesetzt werden, wenn die gleiche Eigenschaft auf» first-letter’ gesetzt ist.

Wenn ein Pseudoelement ein reales Element die notwendigen zusätzlichen Tags aufbricht muss in der fiktiven Tag-Sequenz regeneriert werden. Zum Beispiel erstreckt sich über, wenn ein SPAN-Element ein lt; / P: first-linegt; Tag, eine Reihe von SPAN-Tags zu beenden und beginnen müssen, und die Sequenz wird fiktiven Tag regeneriert werden:

In CSS, mehr als ein Stylesheet können die Präsentation beeinflussen gleichzeitig. Es gibt zwei Hauptgründe für diese Funktion: Modularität und Autor / Leser Balance. Modularität Ein Stylesheet Designer können mehrere (Teil-) Stylesheets kombinieren Redundanz zu reduzieren: Autor / Leser Balance Beide Leser und Autoren die Präsentation durch Style Sheets beeinflussen können. Um dies zu tun, verwenden sie das Blatt gleichen Stil Sprache so eine grundlegende Eigenschaft der Bahn reflektiert: jeder ein Verleger werden kann. Der UA ist frei, den Mechanismus zur Referenzierung persönlichen Style Sheets zu wählen.

Manchmal kommt es zu Konflikten zwischen den Stylesheets, die die Darstellung beeinflussen. Konfliktlösung wird auf jeder Art Regel zugrunde, ein Gewicht. Standardmäßig sind die Gewichte des Lesers Regeln weniger als die Gewichte der Regeln in den Dokumenten des Autors. D. h wenn es zu Konflikten zwischen den Stylesheets eines eingehenden Dokuments und des Lesers persönliche Blätter sind, wird der Autor der Regeln verwendet werden. Beide Leser und Autor Regeln außer Kraft setzen die Standardwerte des UA.

Die importierten Stylesheets auch miteinander kaskadieren, in der Reihenfolge, wie sie importiert werden, nach den Regeln Kaskadierung unten definiert. Alle angegebenen Regeln im Stylesheet selbst außer Kraft setzen Regeln in importierten Stylesheets. Das heißt, importierte Stylesheets niedriger in der Kaskaden-Reihenfolge als Regeln im Stylesheet selbst. Importierte Stylesheets können sich andere Stylesheets importieren und außer Kraft setzen, rekursiv.

In CSS1 alle ‘@import Aussagen muss zu Beginn eines Stylesheet auftreten, bevor irgendwelche Erklärungen. Das macht es einfach, dass die Regeln im Stylesheet zu sehen, selbst Regeln in den importierten Stylesheets überschreiben.

Stylesheet-Designer können die Gewichte ihrer Erklärungen zu erhöhen:

In dem obigen Beispiel sind die ersten drei Erklärungen Gewicht erhöht, während die letzte Erklärung Normalgewicht hat.

Ein Leser der Regel mit einer wichtigen Erklärung wird ein Autor der Regel mit einer normalen Erklärung außer Kraft setzen. Ein Autor der Regel mit einer wichtigen Erklärung wird eine Leser-Regel mit einer wichtigen Erklärung außer Kraft setzen.

Widersprüchliche Regeln sind wesentlicher Bestandteil des CSS-Mechanismus. Um den Wert für ein Element / Eigenschaftskombination zu finden, muss der folgende Algorithmus befolgt werden:

  1. Alle Erklärungen, die mit dem Element / Eigenschaft in Frage gelten. Erklärungen gelten, wenn der Wähler das betreffende Element übereinstimmt. Wenn keine Erklärungen gelten, wird der geerbte Wert verwendet. Wenn es keine geerbten Wert ist (dies ist der Fall für die «HTML» Element und für Eigenschaften, die erben nicht), wird der Anfangswert verwendet.
  2. Sortieren Sie die Erklärungen explizit Gewicht: ‘wichtig’ Erklärungen markiert mehr Gewicht als nicht markierte (normal) Erklärungen.
  3. Sortieren nach Herkunft: die Stylesheets des Autors Stylesheet des Lesers überschreiben, die die Standardwerte des UA außer Kraft setzen. Eine importierte Stylesheet hat den gleichen Ursprung wie das Stylesheet aus dem es importiert wird.
  4. Sortieren nach Spezifität des Wählers: spezifischeren Selektoren werden allgemeineren außer Kraft setzen. Um die Spezifität zu finden, die Anzahl der ID-Attribute in dem Wähler zählen (a), Attribute die Anzahl der Klasse in der Selektor (b), und die Anzahl der Tag-Namen im Selektor (c). Verketten die drei Zahlen (in einem Zahlensystem mit einer großen Basis) gibt die Spezifität. Einige Beispiele:

Pseudo-Elemente und Pseudo-Klassen werden als normale Elemente und Klassen gezählt sind.

  • Sortieren nach Reihenfolge angegeben: Wenn zwei Regeln das gleiche Gewicht haben, letztere angegeben gewinnt. Regeln in importierten Stylesheets werden als vor irgendwelchen Regeln im Stylesheet selbst zu sein.
  • Die Suche nach dem Eigenschaftswert kann beendet werden, wenn eine Regel ein höheres Gewicht als die anderen Regeln hat, die auf dem gleichen Element / Eigenschaftskombination anzuwenden.

    Diese Strategie gibt der Autor Stylesheets deutlich höheres Gewicht als die des Lesers. Es ist daher wichtig, dass der Leser die Möglichkeit hat, den Einfluss eines bestimmten Stylesheet zu deaktivieren, zum Beispiel durch einen Pull-down-Menü.

    Eine Erklärung in der «STYLE» Attribut eines Elements hat das gleiche Gewicht wie eine Erklärung mit einer ID-basierten Selektor (Abschnitt 1.1 für ein Beispiel sehen), die am Ende des Stylesheet angegeben wird:

    In dem obigen Beispiel die Farbe der ‘P’ Element wäre rot. Obwohl die Spezifität der für beide Erklärungen ist, wird die Erklärung in der «STYLE» Attribut außer Kraft setzen Sie das in das Element «STYLE» wegen Kaskadierung Regel Nummer 5.

    Die UA können andere stilistische HTML-Attribute zu ehren, zum Beispiel «ALIGN». Wenn ja, diese Attribute gleich 1 zu den entsprechenden CSS-Regeln mit einer Spezifität übersetzt sind die Regeln zu Beginn des Autors Stylesheet angenommen werden und kann durch nachfolgende Stylesheet-Regeln außer Kraft gesetzt werden. In einer Übergangsphase wird diese Politik machen es einfacher für Attribute stilistische mit Stylesheets zu koexistieren.

    CSS1 nimmt eine einfache kastenorientierte Formatierungs Modell, bei dem jede formatierte Element Ergebnisse in eine oder mehrere rechteckige Kästen. (Elemente, die eine ‘display’ Wert ‘none’ haben, werden nicht formatiert und führt daher nicht in einer Box.) Alle Boxen haben einen Kern Content-Bereich mit optionaler umgebenden Polsterung, Grenz- und Randbereiche.

    Die Größe der Marge, Grenze und Polsterung mit dem Rand (5.5.1 -5.5.5), Polster (5.5.6 -5.5.10) und Rand (5.5.11 -5.5.22) Eigenschaften festgesetzt. Die Polsterung Bereich verwendet den gleichen Hintergrund wie das Element selbst (zusammen mit den anderen Hintergrundeigenschaften (5.3.2 -5.3.7)). Die Farbe und Stil für den Rahmen mit den Rahmeneigenschaften festgelegt. Die Margen sind immer transparent, so dass das übergeordnete Element wird durchscheinen.

    Die Größe der Box ist die Summe der Elementbreite (das heißt formatierten Text oder Bild) und die Polsterung, die Grenze und den Randbereichen.

    Vom Standpunkt des Formatierer Sicht gibt es zwei Haupttypen von Elementen: Block-Level und Inline.

    Elemente mit einem ‘display’ Wert ‘Block’ oder ‘list-item’ sind Block-Level Elemente. Auch Schwimmelemente (Elemente mit einem «schweben» anderen Wert als ‘none’) werden als Block-Level-Elemente zu sein.

    Das folgende Beispiel zeigt, wie Ränder und Paddingformat ein «UL» Element mit zwei Kindern. Zur Vereinfachung des Diagramms gibt es keine Grenzen. Auch die Ein-Buchstaben "Konstanten" In diesem Beispiel sind keine Rechts CSS1 Syntax, sondern ist ein bequemer Weg, um die Stylesheet-Werte auf die Figur zu binden.

    Technisch gesehen, padding und margin Eigenschaften werden nicht vererbt. Aber, wie das Beispiel zeigt, ist die Platzierung eines Elements relativ zu Vorfahren und Geschwistern, so ‘diese Elemente padding und margin Eigenschaften auf ihre Kinder auswirken.

    Wenn es in dem obigen Beispiel war Grenzen hätte sie zwischen der Polsterung und der Ränder erschienen.

    Das folgende Diagramm stellt einige nützliche Terminologie:

    Das linken äußeren Rand mit der Kante eines Elements seiner Polsterung, Grenze und Marge berücksichtigt. Das linke Innenkante nur ist der Rand der Inhalt in jeder Polsterung, Rand oder Marge. Das Gleiche gilt für richtig. Das oben einschließlich der Spitze des Elements jeder Polsterung, Grenze und Marge; es ist nur für die Inline-und Schwimmelemente definiert, nicht für Nicht-Floating-Block-Elemente. Das Innen oben ist das obere Ende der Inhalt in irgendeiner Polsterung, Rand oder Marge. Das Boden ist der Boden des Elements, die unabhängig von einer Polsterung, Grenze und Marge; es ist nur für die Inline-und Schwimmelemente definiert, nicht für Nicht-Floating-Block-Elemente. Das Innenboden ist der Boden des Elements, innerhalb jeder Polsterung, Grenze und Marge.

    Das Breite eines Elements ist die Breite des Inhalts, das heißt der Abstand zwischen dem linken und rechten Innenkante Innenkante. Das Höhe ist die Höhe des Inhalts d.h. dem Abstand von der inneren Spitze inneren Boden.

    Die Breite des Randes auf nicht floating Block-Level-Elemente gibt den Mindestabstand zu den Rändern der umgebenden Boxen. Zwei oder mehr benachbarten vertikalen Ränder (das heißt ohne Rahmen, Polsterung oder Inhalt zwischen ihnen) kollabiert das Maximum der Randwerte zu verwenden. In den meisten Fällen nach der vertikalen Ränder das Ergebnis kollabiert ist optisch gefälliger und näher an, was die Designer erwartet. In dem obigen Beispiel werden die Ränder zwischen den beiden ‘LI’ Elemente mit dem Maximum der ersten LI-Elements «margin-bottom ‘zusammenbrach und die zweite’ margin-top ‘des LI-Element. Ebenso, wenn die Polsterung zwischen dem «UL» und dem ersten «LI» Element (das "E" Konstante) hatte Null gewesen, hätte die Ränder des UL und erste LI-Elemente zusammengebrochen wurden.

    Im Fall der negativen Margen, das absolute Maximum der negativen angrenzenden Ränder aus dem Maximum der positiven angrenzenden Ränder abgezogen. Wenn es keine positive Margen, das absolute Maximum der negativen angrenzenden Ränder sind von Null abgezogen.

    «Margin-left ‘,’ border-left», «padding-left ‘,’ width ‘,’ padding-right ‘,’: Die horizontale Position und die Größe eines nicht-schwebenden, Block-Level-Element wird von sieben Eigenschaften bestimmt border-right «und» margin-right ‘. Die Summe dieser sieben ist immer gleich der «Breite» des Elternelements.

    Standardmäßig ist die «Breite» eines Elements ‘auto’. Wenn das Element kein Element ersetzt ist, bedeutet dies, dass die «Breite» des UA wird so berechnet, daß die Summe der sieben oben genannten Eigenschaften gleich der Mutter Breite. Wenn das Element ein Element ersetzt ist, ein Wert von ‘auto’ für ‘width’ wird automatisch durch das Element der inneren Breite ersetzt.

    Drei der sieben Eigenschaften können auf ‘auto’ gesetzt werden: ‘margin-left’, ‘width’ und ‘margin-right’. Für ersetzte Elemente, ein Wert von ‘auto’ auf ‘width’ wird durch die innere Breite ersetzt, so dass für sie nur zwei ‘auto’ Werte sein kann.

    Die ‘width’ weist eine nicht-negative UA definierten Minimalwert (die sich von Element zu Element variieren und hängen auch von anderen Eigenschaften). Wenn ‘width’ unterhalb dieser Grenze geht, entweder weil sie explizit festgelegt wurde, oder weil es ‘auto’ war und die folgenden Regeln wäre es zu klein zu machen, wird der Wert mit dem Minimalwert stattdessen ersetzt werden.

    Ob genau ein von ‘margin-left’, ‘width’ oder ‘margin-right’ ist ‘auto’, wird die UA dass Eigenschaft einen Wert zuweisen, der die Summe der sieben gleich der Eltern Breite machen.

    Ob keiner der Eigenschaften sind «auto», wird der Wert von «margin-right ‘zugewiesen’ auto ‘.

    Ob mehr als eine der drei ist «Auto», und einer von ihnen ist ‘width’, dann die anderen ( ‘margin-left’ und / oder ‘margin-right’) auf Null und ‘width’ gesetzt wird, um den Wert zu erhalten benötigt, um machen die Summe der sieben gleich der Breite der Eltern.

    Andernfalls, wenn beide «margin-left» und «margin-right ‘sind’ auto ‘, werden sie auf gleiche Werte eingestellt werden. Dadurch wird das Element in seinem Eltern-Center.

    Wenn «Auto» als Wert für eine der sieben Eigenschaften in einem Element festgelegt ist, die Inline oder variabel ist, wird sie behandelt werden, als ob er auf Null gesetzt wurden.

    Im Gegensatz zu vertikalen Ränder werden horizontale Ränder nicht zusammengebrochen.

    Elemente mit einer Eigenschaft ‘display’ Wert ‘list-item’ werden als Block-Elemente formatiert, sondern durch eine list-item Markierung voraus. Die Art der Markierung wird durch die ‘list-style’ Eigenschaft bestimmt. Die Markierung wird entsprechend dem Wert der ‘list-style’ Eigenschaft gesetzt:

    Das obige Beispiel kann formatiert:

    In rechts nach links Text, würden die Markierungen auf der rechten Seite der Box ist.

    Mit dem «schweben» Eigenschaft kann ein Element deklariert werden, die außerhalb der normalen Fluss der Elemente sein und wird dann als Block-Level-Element formatiert. Zum Beispiel durch die «schweben» Eigenschaft eines Bildes Einstellung «links» zu, wird das Bild nach links, bis der Rand, Polsterung oder Grenze eines anderen Elements auf Blockebene bewegt wird, erreicht. Der normale Fluss wird auf der rechten Seite umschlingen. Die Ränder, Rahmen und Polsterung des Elements selbst geehrt werden, und die Margen nie mit den Rändern benachbarter Elemente kollabieren.

    Ein schwimmendes Element ist Gegenstand positioniert wurden die folgenden Bedingungen (siehe Abschnitt 4.1 für eine Erklärung der Begriffe siehe):

    1. Die linke Außenkante einer linken schwimmenden Element kann nicht nach links von der linken inneren Rand des übergeordneten Element sein. Analog zur richtigen Schwimmelemente.
    2. Die linke Außenkante eines linken Floating Element muss rechts von der rechten Außenkante eines jeden früher (in der HTML-Quelle) links Floating Element oder die Spitze des ehemaligen muss kleiner sein als der Boden des letzteren. Analog zur richtigen Schwimmelemente.
    3. Die rechte Außenkante einer linken schwimmenden Element kann nicht nach rechts von der linken Außenkante eines Rechts-Floating-Element sein, das auf der rechten Seite davon. Analog zur rechten schwebenden Elemente.
    4. Eine Floating-Elements oben darf nicht höher sein als die innere Spitze seiner Eltern.
    5. Eine Floating-Elements oben darf nicht höher sein als die Spitze von einem früheren Schwimm- oder Block-Level-Element.
    6. Eine Floating-Elements oben darf nicht höher sein als das obere Ende jeder Line-Box mit Inhalt (siehe Abschnitt 4.4), die das Floating-Element in der HTML-Quelle vorausgeht.
    7. Eine schwimmende Element muß so hoch wie möglich angeordnet werden.
    8. Ein linksSchwimmElement muss so weit links wie möglich gesetzt werden, ein rechtsSchwimmElement so weit nach rechts wie möglich. Eine höhere Position wird über eine bevorzugt, die weiter nach links / rechts sind.

    Das obige Beispiel könnte so formatiert, wie:

    Beachten Sie, dass der Rand der ‘P’ Element umschließt den schwebenden «IMG» -Element.

    Es gibt zwei Situationen, in denen Schwimmelemente mit den Rand, Grenze und Polsterung Bereiche anderer Elemente überlappen:

    • wenn das Floating-Element eine negative Marge hat: negativen Margen auf schwimmenden Elemente werden als auf andere Elemente auf Blockebene ausgezeichnet.
    • wenn das Schwimmelement breiter oder höher als das Element ist, ist es in

    Elemente, die nicht als Block-Elemente formatiert sind in der Reihe Elemente. Ein Inline-Element kann Zeilenabstand mit anderen Elementen teilen. Betrachten Sie folgendes Beispiel:

    Das «P» Element ist in der Regel auf Blockebene, während «EM» und «stark» sind Inline-Elemente. Wenn das ‘P’ Element breit genug ist, das gesamte Element in einer Zeile zu formatieren, wird es zwei Inline-Elemente auf der Linie sein:

    Wenn es in einer Zeile ein Inline-Element nicht genug Platz ist in mehrere Boxen aufgeteilt werden:

    Das obige Beispiel kann formatiert:

    Wenn das Inline-Element hat Ränder, Rahmen Polsterung oder Text Dekorationen angebracht, werden diese keine Wirkung haben, wo das Element defekt ist:

    (Das "Zahl" oben leicht durch die Verwendung von ASCII Grafiken verzerrt. Siehe Abschnitt 4.4 für eine Beschreibung, wie die Höhe der Linien zu berechnen.

    A ersetzt Element ist ein Element, das durch Inhalt ersetzt wird von dem Element gezeigt wird. Z.B. in HTML, wird das ‘IMG’ Element ersetzt durch das Bild, das durch die «SRC» Attribut wies auf. Man kann die ersetzt Elemente kommen mit ihren eigenen inneren Dimensionen annehmen. Wenn der Wert der «Breite» Eigentum ist «auto» wird die innere Breite wie die Breite des Elements verwendet. Wenn ein anderer Wert als ‘auto’ im Stylesheet angegeben ist, wird dieser Wert verwendet und das ersetzte Element wird entsprechend der Größe verändert (die Resize-Methode wird vom Medientyp abhängig). Die «Höhe» Eigenschaft wird auf die gleiche Art und Weise verwendet.

    Ersetzte Elemente können entweder auf Blockebene oder Inline sein.

    Alle Elemente haben eine ‘line-height’ Eigenschaft, die im Prinzip die gesamte Höhe einer Textzeile gibt. Der Raum ist über und unter dem Text der Zeile hinzugefügt zu dieser Zeilenhöhe zu gelangen. Zum Beispiel, wenn der Text 12 pt hoch und ‘line-height’ ist wird auf ’14pt’, ein extra Raum von 2pt hinzugefügt wird, nämlich 1 Punkt oben und 1 Punkt unterhalb der Linie. Leere Elemente beeinflussen diese Berechnungen genauso wie Elemente mit Inhalt.

    Der Unterschied zwischen der Schriftgröße und der ‘line-height’ aufgerufen, um die führend. Die Hälfte der führende heißt die Halb führenden. Nach der Formatierung bilden wird jede Zeile einen rechteckigen Line-Box.

    Wenn eine Textzeile enthält Abschnitte mit unterschiedlichen ‘line-height’ Werte (weil es Inline-Elemente auf der Linie), dann wird jeder dieser Abschnitte hat seine eigene Halb führenden oben und unten. Die Höhe der Linie Kasten ist aus der Spitze des höchsten Abschnitt der Unterseite des untersten. Beachten Sie, dass die obere und untere sich nicht notwendigerweise auf das höchste Element entsprechen kann, da Elemente vertikal positioniert werden mit dem ‘vertical-align’ Eigenschaft. Um einen Absatz bilden, wobei jede Zeile Kasten gestapelt unmittelbar unterhalb der vorherigen Zeile.

    Beachten Sie, dass jede Polsterung, Rand oder Rand oben und unten nicht ersetzten Inline-Elementen beeinflusst nicht die Höhe der Linie. Mit anderen Worten: Wenn die ‘line-height’ ist zu klein für die gewählte Polsterung oder Grenze, wird es mit Text auf anderen Linien überlappen.

    Ersetzte Elemente (zB Bilder) auf der Linie kann der Line-Box größer zu machen, wenn der obere Teil des ersetzten Elements (dh einschließlich aller seiner Polsterung, Grenze und Marge) über dem höchsten Textteil ist, oder wenn der Boden unterhalb der ist am niedrigsten.

    Im Normalfall, wenn es nur einen Wert von ‘line-height’ über einen Absatz, und keine hohen Bilder ist, über die Definition wird dafür sorgen, dass Grundlinien aufeinanderfolgender Zeilen sind genau ‘line-height’ auseinander. Dies ist wichtig, wenn die Textspalten in verschiedenen Schriftarten ausgerichtet werden müssen, beispielsweise in einer Tabelle.

    Beachten Sie, dass dies nicht den Text auf zwei benachbarten Zeilen nicht daran hindert, einander überlappen. Die ‘line-height’ kann kleiner sein als die Höhe des Textes, in welchem ​​Fall der führende negativ sein wird. Dies ist nützlich, wenn Sie wissen, dass der Text keine Unterlängen enthalten (z, weil es nur in Großbuchstaben enthält), so können die Linien näher zusammen gebracht werden.

    Die Leinwand ist der Teil der Zeichenfläche des UA, auf welche Dokumente erbracht werden. Kein Strukturelement eines Dokuments entspricht der Leinwand, und dies wirft zwei Fragen auf, wenn die Formatierung eines Dokuments:

    • von wo sollten die Abmessungen der Leinwand festgelegt werden?
    • wenn das Dokument die ganze Leinwand nicht bedeckt, wie soll dieser Bereich gemacht werden?

    Eine vernünftige Antwort auf die erste Frage ist, dass die ursprüngliche Breite der Leinwand auf die Fenstergröße basiert, aber CSS1 verlässt dieses Problem für die UA zu entscheiden. Es ist auch sinnvoll, die UA zu ändern, um die Breite der Leinwand zu erwarten, wenn die Fenstergröße verändert wird, aber das ist auch nicht in den Anwendungsbereich von CSS1.

    HTML-Erweiterungen haben einen Präzedenzfall für die zweite Frage festlegen: Attribute auf der «Körper» Element den Hintergrund der ganzen Leinwand gesetzt. Um Designer unterstützen die Erwartungen stellt CSS1 eine spezielle Regel die Leinwand Hintergrund zu finden: Wenn der «Hintergrund» Wert der «HTML» Element unterscheidet sich von ‘transparent’ dann verwenden, sonst verwenden Sie den «Hintergrund» Wert des ‘KÖRPER ‘ Element. Wenn der resultierende Wert «transparent» ist, ist die Wiedergabe nicht definiert.

    Diese Regel erlaubt:

    In dem obigen Beispiel wird die Leinwand bedeckt mit "Marmor". Der Hintergrund des «Körper» Element wird (die möglicherweise nicht vollständig die Leinwand bedecken) rot.

    Bis andere Mittel zur Bewältigung der Leinwand zur Verfügung stehen, ist es, dass die Leinwand empfohlen Eigenschaften auf der «Körper» Element gesetzt sind.

    Die aktuellen CSS1 Eigenschaften und Werte können nicht das Verhalten des «BR» -Element beschreiben. In HTML gibt das ‘BR’ Element einen Zeilenumbruch zwischen den Wörtern. In der Tat wird das Element durch einen Zeilenumbruch ersetzt. Zukünftige Versionen von CSS können Handle hinzugefügt und ersetzt Inhalte, sondern CSS1-basierte Formatierer muss «BR», besonders zu behandeln.

    Style Sheets beeinflussen die Vorlage von Dokumenten durch Werte an Stileigenschaften zuweisen. In diesem Abschnitt werden die definierten Stileigenschaften und ihre entsprechenden Liste der möglichen Werte, von CSS1.

    Im folgenden werden die zulässigen Werte für jede Eigenschaft mit einer Syntax wie folgt aufgelistet: Wert: N | NW | NE
    Wert: [ lt; lengthgt; | dick | dünn] lt; 1,4gt;
    Wert: [Lt; familien namegt ;. ] * lt; familien namegt;
    Wert: lt; urlgt ;? lt; colorgt; [/ lt; colorgt; ]?
    Wert: lt; urlgt; || lt; colorgt;

    Die Worte zwischen "lt;" und "gt;" geben eine Art von Wert. Die häufigsten Typen sind lt; lengthgt ;, lt; percentagegt ;, lt; urlgt ;, lt; numbergt; und lt; colorgt ;; diese sind in Abschnitt 6. Die speziellere Typen beschrieben (z lt; font-familygt; und lt; border-stylegt;) werden unter der entsprechenden Eigenschaft beschrieben.

    Andere Wörter sind Schlüsselwörter, die buchstäblich, ohne Anführungszeichen erscheinen. Der Schrägstrich (/) und das Komma (,) muss erscheinen auch buchstäblich.

    Mehrere Dinge bedeuten nebeneinander angeordnet, dass alle von ihnen kommen müssen, in der angegebenen Reihenfolge. Ein Strich (|) trennt Alternativen: einer von ihnen auftreten müssen. Ein Doppelstrich (A || B) bedeutet, dass entweder A oder B oder beide müssen auftreten, in beliebiger Reihenfolge. Klammern ([]) sind für die Gruppierung. Juxtaposition ist stärker als die doppelte Bar und das Doppel-Bar ist stärker als die Bar. So "a b | c || d e" ist äquivalent zu "[A b] | [C || [D e]]".

    Jede Art, Schlüsselwort oder klammert Gruppe kann durch eine der folgenden Modifikatoren folgen:

    • Ein Sternchen (*) zeigt an, dass der vorhergehende Typ, Wort oder eine Gruppe wiederholt wird, null oder mehrere Male.
    • Ein Pluszeichen (+) zeigt an, dass der vorhergehende Typ, Wort oder eine Gruppe ein wiederholt oder mehrmals.
    • Ein Fragezeichen (?) Zeigt an, dass der vorhergehende Typ, Wort oder eine Gruppe ist optional.
    • Ein Paar von Zahlen in geschweiften Klammern () zeigt an, dass der vorhergehende Typ, Wort oder eine Gruppe ist mindestens A wiederholt und höchstens B-mal.

    Einstellen Schrifteigenschaften werden unter den häufigsten Anwendungen von Stylesheets sein. Leider gibt es keine gut definierten und allgemein Taxonomie akzeptiert Schriftarten für die Klassifizierung und Begriffe, die auf einer Schriftfamilie gelten nicht für andere geeignet sein. Z.B. «Kursiv» wird üblicherweise zur Kennzeichnung schrägen Text, sondern schräg Text kann auch gekennzeichnet werden als verwendet Oblique, Slanted, Steigung, Cursive oder Kursiv. Deshalb ist es kein einfaches Problem typische Schriftauswahl Eigenschaften zu einer bestimmten Schriftart abzubilden.

    Da es keine akzeptiert wird, universelle Taxonomie der Schrifteigenschaften, Anpassung von Eigenschaften zu Schriftart Gesichter sorgfältig durchgeführt werden müssen. Die Eigenschaften in einer genau definierten Reihenfolge abgestimmt werden, um sicherzustellen, dass die Ergebnisse dieser Anpassungsprozess sind so konsistent wie möglich über UAs (unter der Annahme, dass die gleiche Bibliothek von Schrift steht, ist jeder von ihnen vorgelegt).

    1. Der User-Agent macht (oder Zugriffe) eine Datenbank mit relevanten CSS1 Eigenschaften aller Zeichensätze, von denen der UA ist bekannt. Der UA kann bewusst eine Schrift, weil sie lokal installiert wurde oder es wurde über das Internet zuvor heruntergeladen haben. Wenn es zwei Schriften mit genau den gleichen Eigenschaften sind, wird einer von ihnen ignoriert.
    2. Bei einem gegebenen Element und für jedes Zeichen in diesem Element, montiert der UA die Schrifteigenschaften für das Element. Mit dem vollständigen Satz von Eigenschaften, verwendet der UA die Eigenschaft ‘font-family’ eine vorläufige Schriftfamilie zu wählen. Die übrigen Eigenschaften sind gegen die Familie geprüft nach den Kriterien mit jeder Eigenschaft beschrieben. Wenn es Übereinstimmungen für alle restlichen Eigenschaften sind, dann ist das die passende Schriftart für das betreffende Element.
    3. Wenn es keine passende Schriftart in der ‘font-family’ wird von Schritt 2, verarbeitet und wenn es eine nächste alternative ‘font-family’ in der Zeichensatz ist, dann wiederholen Sie Schritt 2 mit dem nächsten alternativen ‘font-family’ .
    4. Wenn es eine passende Schriftart, aber es ist nicht eine Glyphe für das aktuelle Zeichen enthalten, und wenn es eine nächste alternative ‘font-family’ in den Schriftsätzen ist, wiederholen Sie dann Schritt 2 mit dem nächsten alternativen ‘font-family ‘. Siehe Anhang C für eine Beschreibung der Schriftart und Zeichencodierung.
    5. Wenn es keine Schrift innerhalb der Familie in 2 ausgewählt ist, dann verwenden Sie eine UA-abhängige default ‘font-family’ und wiederholen Sie Schritt 2, um die beste Übereinstimmung mit, die in der Standard-Schriftart erhalten werden können.

    (Der obige Algorithmus kann optimiert werden, um zu vermeiden, die CSS1 Eigenschaften für jedes Zeichen zu überdenken.)

    Die pro-Eigenschaft Matchingregeln aus (2) sind oben wie folgt:

    1. ‘Font-style’ wird zuerst versucht. «Kursiv» wird zufrieden sein, wenn es entweder ein Gesicht in der mit dem CSS-Schlüsselwort ‘italic’ (bevorzugt) oder «schräg» markierte Schrift-Datenbank UA. Ansonsten müssen die Werte genau abgestimmt werden oder font-style fehl.
    2. ‘Font-variant’ wird als nächstes versucht. ‘Normal’ passt eine Schrift nicht als «Small Caps» markiert; «Small Caps» Streichhölzer (1) eine Schrift beschriftet als «Small Caps», (2) eine Schrift, in der die Small Caps synthetisiert werden, oder (3) eine Schrift, in der alle Kleinbuchstaben durch Großbuchstaben ersetzt. Ein Small Caps Schriftart kann durch elektronisch Skalierung Großbuchstaben von einer normalen Schrift synthetisiert werden.
    3. ‘Font-weight’ nächste abgestimmt ist, wird es nie versagen. (Siehe ‘font-weight’ weiter unten.)
    4. ‘Font-size’ muss innerhalb eines UA-abhängigen Toleranzmarge angepasst werden. (In der Regel Größen für skalierbare Schriftarten werden auf die nächste ganze Pixel gerundet, während die Toleranz für Bitmap-Schriften so groß wie 20% sein könnte.) Weitere Berechnungen, z.B. von ’em’ Werte in anderen Eigenschaften werden auf der Grundlage der ‘font-size’ Wert, der verwendet wird, nicht derjenige, der angegeben wird.

    Wert: [[Lt; familien namegt; | lt; generic-familygt;]] * [lt; familien namegt; | lt; generic-familygt;]
    Initiale: UA spezifischen
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Der Wert ist eine priorisierte Liste der Schriftfamiliennamen und / oder generischen Familiennamen. Im Gegensatz zu den meisten anderen CSS1 Eigenschaften werden die Werte durch ein Komma getrennt, um anzuzeigen, dass sie Alternativen sind:

    Es gibt zwei Arten von Listenwerten: lt; familien namegt; Der Name einer Schriftfamilie der Wahl. Im letzten Beispiel, "Kieme" und "helvetica" sind Schriftfamilien. lt; generic-familygt; In dem obigen Beispiel ist der letzte Wert ein allgemeiner Familienname. Die folgenden generischen Familien sind definiert:

    • ‘Serif’ (zum Beispiel Times)
    • ‘Sans-serif’ (zum Beispiel Helvetica)
    • «Kursiven» (zum Beispiel Zapf-Chancery)
    • «Fantasie» (zum Beispiel Western)
    • «Monospace» (zum Beispiel Courier)

    Stylesheet Designer sind aufgefordert, eine generische Schriftfamilie als letzte Alternative zu bieten.

    Font-Namen Leerzeichen enthalten, sollten zitiert werden:

    Wenn unter Angabe weggelassen wird, werden alle Leerzeichen vor und nach dem Namen der Schrift ignoriert und jede Folge von Leerzeichen innerhalb des Schriftname wird zu einem einzigen Raum umgewandelt.

    Wert: normal | kursiv | schräg
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Die ‘font-style’ Eigenschaft wählt zwischen normal (manchmal als "römisch" oder "aufrecht"), Kursiv und Schrägflächen innerhalb einer Schriftfamilie.

    Ein Wert von «normalen» wählt eine Schriftart, die als «normal» in der UA Schriftdatenbank klassifiziert wird, während «schräg» wählt eine Schriftart, die «schräge» beschriftet ist. Ein Wert von ‘kursiv’ wählt eine Schriftart, die «kursiv» markiert ist, oder, falls dies nicht möglich ist, eine «schräge» gekennzeichnet.

    Die Schriftart, die worden sein kann «schräg» in der UA Schriftdatenbank markiert ist tatsächlich erzeugt durch elektronisch eine normale Schrift schräg.

    Fonts mit Oblique, Slanted oder Steigungs in ihren Namen werden in der Regel «schräg» in der Schriftdatenbank des UA markiert werden. Fonts mit Kursiv, Cursive oder Kursiv in ihre Namen werden in der Regel «kursiv» gekennzeichnet werden.

    In dem obigen Beispiel, betonte Text innerhalb ‘H1’ in einem normalen Gesicht erscheint.

    Wert: normal | Small Caps
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Eine andere Art der Variation innerhalb einer Schriftfamilie ist die Small-Caps. In Small Caps Schriftart die Kleinbuchstaben auf die Groß sehr ähnlich aussehen, aber in einer kleineren Größe und mit leicht unterschiedlichen Proportionen. Die ‘font-variant’ Eigenschaft wählt die Schriftart.

    Ein Wert von «normalen» wählt eine Schriftart, die kein Small Caps Schriftart «Small Caps» wählt eine Small Caps Schriftart ist. Es ist akzeptabel, (aber nicht erforderlich) in CSS1, wenn die Small Caps Schriftart durch eine erstellt wird eine normale Schrift und das Ersetzen der Kleinbuchstaben durch skalierte Großbuchstaben nehmen. Als letzten Ausweg, werden Großbuchstaben als Ersatz für einen Small Caps Schriftart verwendet werden.

    Das folgende Beispiel führt zu einem ‘H3’ Element in Small Caps, mit betonten Worte in schrägen Small Caps:

    Es kann aber auch, wie Schriftarten mit alten Stil Ziffern, Kapitälchen Ziffern, komprimierte oder gedehnte Buchstaben usw. CSS1 hat keine Eigenschaften andere Varianten in der Schriftfamilie, die diejenigen auszuwählen.

    CSS1 Kern: soweit diese Eigenschaft bewirkt, dass Text in Großbuchstaben umgewandelt werden, die gleichen Überlegungen wie für ‘text-transform’ gelten.

    Wert: normal | fett | kühner | leichter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Die ‘font-weight’ Eigenschaft wählt das Gewicht der Schriftart. Die Werte «100» bis «900» eine geordnete Folge bilden, wobei jede Zahl ein Gewicht angibt, die mindestens so dunkel wie sein Vorgänger. Das Schlüsselwort «normal» ist gleichbedeutend mit «400» und «fett» ist gleichbedeutend mit ‘700’. Keywords andere als «normal» und «fett» wurden für den 9-Werteliste angezeigt werden oft verwechselt wurde deshalb gewählt, um mit Font-Namen und einer numerischen Skala.

    Die «kühner» und «leichter» Werte wählen Schriftschnitte, die auf die von der übergeordneten geerbt bezogen sind:

    Untergeordnete Elemente erben das resultierende Gewicht, nicht das Schlüsselwort Wert.

    Fonts (die Daten-Schrift) haben in der Regel eine oder mehrere Eigenschaften, deren Werte sind Namen, die beschreibt, die sind "Gewicht" einer Schriftart. Es gibt keine akzeptierte, universelle Bedeutung dieser Gewichts Namen. Ihre Hauptaufgabe ist Gesichter zu unterscheiden, in einer einzigen Schriftfamilie unterschiedliche Dunkelheit. Verwendung für Schriftfamilien ist ziemlich Variante; zum Beispiel eine Schrift, die Sie als fett vielleicht denken könnte als Wesen beschrieben werden Regular, Roman, Buch, Mittel, Semi- oder DemiBold, Bold, oder Schwarz, je nachdem, wie schwarz die "normal" Gesicht der Schrift ist im Design. Da es keine Standard Verwendung von Namen ist, werden die Gewichtseigenschaftswerte in CSS1 auf einer numerischen Skala, in welcher der Wert ‘400’ (oder ‘normal’) auf die entspricht "normal" Text Gesicht für diese Familie. Das Gewicht Namen mit dieser Fläche verbunden sind, werden typischerweise Buch, Regular, Roman, Normal oder manchmal Mittel.

    Der Verband der anderen Gewichte innerhalb einer Familie auf die numerischen Gewichtswerte bestimmt ist nur innerhalb dieser Familie die Reihenfolge der Dunkelheit zu bewahren. Allerdings sagen die folgenden Heuristiken, wie die Zuordnung in typischen Fällen geschehen ist:

    • Wenn die Schriftfamilie nutzt bereits eine numerische Skala mit neun Werten (wie z.B. Opentype der Fall ist), sollten die Schriftschnitte direkt abgebildet werden.
    • Wenn es sowohl ein Gesicht beschriftet Mittel und eine markierte Buch, Regular, Roman oder Normal, dann ist die Mittel wird normalerweise dem ‘500’ zugeordnet.
    • Die Schriftart beschriftet "Fett gedruckt" wird oft auf das Gewicht Wert ‘700’ entsprechen.
    • Wenn es weniger als 9 Gewichte in der Familie sind, die Standard-Algorithmus die zum Füllen "Löcher" ist wie folgt. Wenn ‘500’ nicht zugewiesen ist, wird es die gleiche Schriftart wie ‘400’ zugeordnet. Wenn einer der Werte ‘600’, ‘700’, ‘800’ oder ‘900’ nicht zugewiesen bleibt, werden sie auf der gleichen Seite wie die nächste dunklere zugewiesen Schlüsselwort zugewiesen, falls vorhanden, oder der nächste leichtere sonst. Wenn eine der ‘300’, ‘200’ oder ‘100’ unzugeordnet bleibt, wird sie zu dem nächsten Feuerzeug zugeordnet Schlüsselwort zugeordnet, falls vorhanden, oder die nächste dunkler anderweitig.

    Die folgenden beiden Beispiele veranschaulichen das Verfahren. Nehmen wir vier Gewichte in der "Beispiel 1" Familie, von der leichtesten bis zum dunkelsten: Regular, Medium, Bold, Heavy. Und übernehmen sechs Gewichte in der "example2" Familie: Buch, Medium, Bold, Heavy, Schwarz, Extrablack. Beachten Sie, wie im zweiten Beispiel wurde beschlossen, nicht zuweisen "example2 Extrablack" Zu irgendetwas.

    Da die Absicht der relativen Keywords «kühner» und «leichter» ist zu verdunkeln oder das Gesicht aufzuhellen innerhalb der Familie und weil eine Familie nicht Gesichter mit allen symbolischen Gewichtswerte ausgerichtet haben, die Anpassung der «kühner» ist auf die nächste dunklere Fläche auf dem Client innerhalb der Familie und der Abstimmung von «leichter» ist auf die nächste leichter Gesicht innerhalb der Familie. Um genau zu sein, ist die Bedeutung der relativen Keywords «kühner» und «leichter» wie folgt:

    • ‘Bolder’ wählt das nächste Gewicht, das auf eine Schriftart zugeordnet ist, die dunkler als die geerbte ist. Wenn es keinen solchen Gewicht ist, kommt es einfach in der nächsten dunkleren Zahlenwert (und die Schrift bleibt unverändert), sofern der vererbten Wert ‘900’ war in diesem Fall das sich ergebende Gewicht ist auch ‘900’.
    • «Leichter» ist ähnlich, arbeitet aber in die entgegengesetzte Richtung: es das nächste leichter Schlüsselwort mit einer anderen Schriftart von dem geerbt wählt, es sei denn, es gibt keine solche Schrift, in welchem ​​Fall es das nächste leichter numerischen Wert wählt (und hält die Schrift unverändert).

    Es gibt keine Garantie, dass es für jeden der ‘font-weight’ Werte eine dunklere Fläche sein; zum Beispiel haben einige Schriften nur eine normale und eine kühne Gesicht, andere acht können unterschiedliche Gesicht Gewichte. Es gibt keine Garantie, wie eine UA Schrift Gesichter innerhalb einer Familie abbildet Werte zu gewichten. Die einzige Garantie ist, dass ein Gesicht eines bestimmten Wert nicht sein wird, weniger dunkel als die Gesichter von leichteren Werte.

    Wert: lt; Absolut sizegt; | lt; Relativ sizegt; | lt; lengthgt; | lt; percentagegt;
    Initiale: Mittel
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: relativ zur Schriftgröße des übergeordneten Elements
    lt; Absolut sizegt; Ein lt; Absolut sizegt; Stichwort ist ein Index auf eine Tabelle von Schriftgrößen durch die UA berechnet und gehalten. Mögliche Werte sind: [xx-small | x-small | klein | mittel | groß | x-large | xx-large]. Auf einem Computer-Bildschirm wird ein Skalierungsfaktor von 1,5 zwischen benachbarten Indizes vorgeschlagen; wenn das «Medium» Schrift 10pt ist, könnte die «große» Schrift 15pt werden. Verschiedene Medien können unterschiedliche Skalierungsfaktoren müssen. Auch sollte die UA die Qualität und Verfügbarkeit von Schriftarten berücksichtigen, wenn die Tabelle zu berechnen. Die Tabelle kann von einem Schriftfamilie zu einem anderen verschieden sein. lt; Relativ sizegt; EIN lt; Relativ sizegt; Schlüsselwort wird in Bezug auf die Tabelle von Schriftgrößen und die Schriftgröße des übergeordneten Elements interpretiert. Mögliche Werte sind: [größer | kleiner]. Zum Beispiel hat, wenn das übergeordnete Element eine Schriftgröße von «Medium», ein Wert von «größeren» wird die Schriftgröße des aktuellen Elements machen sein «groß». Wenn die Größe des übergeordneten Elements nicht in der Nähe eines Tabelleneintrags ist, ist das UA frei zwischen Tabelleneinträgen oder rund zu interpolieren, weg zur nächsten ein. Die UA müssen möglicherweise Tabellenwerte, wenn der Zahlenwert geht über die Schlüsselwörter extrapolieren.

    Länge und Prozentwerte sollte die Schriftgröße Tabelle nicht berücksichtigt, wenn die Schriftgröße des Elements zu berechnen.

    Negative Werte sind nicht erlaubt.

    Auf allen anderen Eigenschaften finden ’em’ und ‘ex’ Längenwerte auf die Schriftgröße des aktuellen Elements. Auf der ‘font-size’ Eigenschaft, beziehen sich diese Längeneinheiten auf die Schriftgröße des übergeordneten Elements.

    Beachten Sie, dass eine Anwendung eine explizite Größe neu interpretieren kann, je nach Kontext. Z.B. in einer VR-Szene wegen der perspektivischen Verzerrung eine Schrift kann eine andere Größe.

    Wenn der vorgeschlagene Skalierungsfaktor von 1,5 verwendet wird, sind die letzten drei Erklärungen identisch.

    Wert: [ lt; font-stylegt; || lt; font-variantgt; || lt; font-weightgt; ]? lt; font-sizegt; [/ lt; line-heightgt; ]? lt; font-familygt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: erlaubt auf lt; font-sizegt; und lt; line-heightgt;

    Die Eigenschaft ‘font’ ist eine zusammenfassende Eigenschaft für ‘font-style’ ‘font-variant’ ‘font-weight’ ‘font-size’ zu setzen. ‘Line-height’ und ‘font-family’ an der gleichen Stelle im Stylesheet. Die Syntax dieser Eigenschaft wird auf einem traditionellen typografischen Kurznotation basiert auf Fonts und mehrere Eigenschaften einzustellen.

    Für eine Definition von erlaubten und Anfangswerte finden Sie in den zuvor definierten Eigenschaften. Eigenschaften, für die keine Werte angegeben werden auf ihre Anfangswert.

    In der zweiten Regel, der Prozentwert Schriftgröße (‘80% ‘) bezieht sich auf die Schriftgröße des übergeordneten Elements. In der dritten Regel bezieht sich die Zeilenhöhe Prozentsatz auf die Schriftgröße des Elements selbst.

    In den ersten drei oben genannten Regeln, die ‘font-style’, ‘font-variant’ und ‘font-weight’ nicht explizit erwähnt, das heißt, sie sind alle drei auf ihre Anfangswert ( «normal»). Die vierte Regel setzt die ‘font-weight «auf» fett «, die» font-style «auf» kursiv «und implizit setzt’ font-Variante» auf «normal».

    Die fünfte Regel setzt die ‘font-Variante «(» Small Caps «), die’ font-size ‘(120% der Schrift der Eltern), die’ line-height ‘(120% mal die Schriftgröße) und die’ font-family ‘(‘ Fantasie ‘). Daraus folgt, dass das Schlüsselwort «normal» gilt für die beiden übrigen Eigenschaften: ‘font-style’ und ‘font-weight’.

    Diese Eigenschaften beschreiben die Farbe (oft als Vordergrundfarbe und) Hintergrund eines Elements (d.h. die Oberfläche, auf der der Inhalt wiedergegeben wird). Man kann eine Hintergrundfarbe und / oder ein Hintergrundbild. Die Position des Bildes, ob / wie es wiederholt wird und ob sie befestigt ist oder gescrollt in Bezug auf die Leinwand auch eingestellt werden kann.

    Die Eigenschaft ‘color’ erbt normal. Die Hintergrundeigenschaften erben nicht, aber der Hintergrund des übergeordneten Elements wird standardmäßig durchscheinen, weil der Anfangs ‘transparent’ Wert auf ‘background-color’.

    Wert: lt; colorgt;
    Initiale: UA spezifischen
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Diese Eigenschaft beschreibt die Textfarbe eines Elements (oft als das bezeichnet Vordergrund Farbe). Es gibt verschiedene Möglichkeiten, rot zu spezifizieren:

    Abschnitt 6.3 für eine Beschreibung der möglichen Farbwerte.

    Wert: lt; colorgt; | transparent
    Initiale: transparent
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt die Hintergrundfarbe eines Elements.

    Wert: lt; urlgt; | keiner
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt das Hintergrundbild eines Elements. Wenn ein Hintergrundbild einstellen, sollte man auch eine Hintergrundfarbe, die verwendet wird, wenn das Bild nicht verfügbar ist. Wenn das Bild vorhanden ist, wird sie auf der Oberseite der Hintergrundfarbe überlagert.

    Wert: wiederholen | repeat-x | repeat-y | no-repeat
    Initiale: wiederholen
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Wenn ein Hintergrundbild angegeben wird, bestimmt der Wert von ‘background-repeat’ wie / ob das Bild wiederholt wird.

    Ein Wert von «Wiederholung» bedeutet, dass das Bild sowohl horizontal wiederholt und vertikal. Die «repeat-x ‘(‘ repeat-y ‘) Wert macht das Bild wiederholen horizontal (vertikal), eine einzelne Bande von Bildern von einer Seite auf die andere zu schaffen. Mit einem Wert von «no-repeat ‘, wird das Bild nicht wiederholt.

    In dem obigen Beispiel wird das Bild nur vertikal wiederholt werden.

    Wert: blättern | fest
    Initiale: scrollen
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Wenn ein Hintergrundbild angegeben wird, bestimmt der Wert von ‘background-attachment «, wenn es im Hinblick auf die Leinwand fixiert ist, oder wenn es rollt zusammen mit dem Inhalt.

    CSS1 Kern: UAs kann ‘fixed’ als ‘blättern’ behandeln. Es wird jedoch empfohlen, sie «fixiert» richtig, zumindest auf den HTML und BODY-Elemente zu interpretieren, da es keine Möglichkeit für einen Autor ist, ein Bild zu schaffen, nur für die Browser, die «feste» unterstützen. (Siehe Abschnitt 7).

    Wert: [Lt; percentagegt; | lt; lengthgt;] lt; 1,2gt; | [Top | Zentrum | unten] || [Left | Zentrum | Recht]
    Initiale: 0% 0%
    Gilt für: Blockebene und ersetzte Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Größe des Elements selbst

    Wenn ein Hintergrundbild angegeben wurde, gibt der Wert von ‘background-position’ seine Ausgangsposition zurück.

    Mit einem Wertepaar von «0% 0% ‘, die obere linke Ecke des Bildes wird in der linken oberen Ecke der Box platziert, die den Inhalt des Elements umgibt (dh nicht das Feld, das die Polsterung, Rand oder Rand umgibt) . Ein Wertepaar von ‘100% 100%’ legt die untere rechte Ecke des Bildes in der rechten unteren Ecke des Elements. Mit einem Wert Paar von ‘14% 84% ‘, der Punkt 14% über und 84% unter dem Bild ist an dem Punkt, 14% über und 84% unter dem Element platziert werden.

    Mit einem Wert Paar ‘2cm 2cm’ ist die obere linke Ecke des Bildes platziert 2cm nach rechts und 2 cm unterhalb der oberen linken Ecke des Elements.

    Wenn nur ein Prozentsatz oder Längenwert angegeben wird, setzt er die horizontale Position nur, wird die vertikale Position 50%. Wenn zwei Werte gegeben sind, kommt die horizontale Position zuerst. Kombinationen von Länge und Prozentwerte erlaubt sind, z.B. ‘50% 2cm ‘. Negative Positionen erlaubt.

    Man kann auch Schlüsselwort-Werte verwenden, um die Position des Hintergrundbildes anzuzeigen. Schlüsselwörter können nicht mit Prozentwerten oder Längenwerte kombiniert werden. Die möglichen Kombinationen von Keywords und deren Interpretationen sind wie folgt:

    • «Oben links» und «oben links» bedeuten beide das gleiche wie ‘0% 0%’.
    • ‘Top’, ‘oben in der Mitte «und» Mitte oben «bedeuten das gleiche wie ‘50% 0%’.
    • «Rechts oben» und «oben rechts» bedeutet das gleiche wie «100% 0% ‘.
    • «Links», «Mitte links» und «Mitte links» das gleiche wie «0% 50%» bedeuten.
    • «Zentrum» und «mitte» bedeuten das gleiche wie ‘50% 50% ‘.
    • «Rechts», «Mitte rechts» und «Mitte rechts» bedeutet das gleiche wie «100% 50% ‘.
    • «Unten links» und «links unten» bedeuten das gleiche wie ‘0% 100% «.
    • ‘Unten’, ‘unten in der Mitte «und» Mitte unten «bedeuten das gleiche wie ‘50% 100%’.
    • «Unten rechts» und «rechts unten» bedeuten das gleiche wie «100% 100% ‘.

    Wenn das Hintergrundbild im Hinblick auf die Leinwand (siehe ‘background-attachment’ Eigenschaft oben) festgelegt ist, wird das Bild in Bezug auf die Leinwand anstelle des Elements platziert. Z.B.

    In dem obigen Beispiel wird das Bild in der rechten unteren Ecke der Leinwand platziert.

    Wert: lt; background-colorgt; || lt; background-imagegt; || lt; background-repeatgt; || lt; background-attachmentgt; || lt; background-positiongt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: erlaubt auf lt; background-positiongt;

    Die Eigenschaft ‘background’ ist eine zusammenfassende Eigenschaft für die einzelnen Hintergrundeigenschaften einstellen (zB ‘background-color’, ‘background-image’, ‘background-repeat’, ‘background-attachment’ und ‘background-position’) gleichzeitig Platz im Stylesheet.

    Mögliche Werte auf den «Hintergrund» Eigenschaften sind die Menge aller möglichen Werte zu den einzelnen Eigenschaften.

    Die Eigenschaft ‘background’ setzt immer alle einzelnen Hintergrundeigenschaften. In der ersten Regel von dem obigen Beispiel nur ein Wert für ‘background-color’ gegeben wurde, und die anderen individuellen Eigenschaften werden auf ihren Anfangswert gesetzt. In der zweiten Regel alle individuellen Eigenschaften angegeben wurden.

    Wert: normal | lt; lengthgt;
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Die Längeneinheit weist auf eine neben der Standard-Abstand zwischen den Wörtern. Die Werte können negativ sein, aber es kann die Durchführung spezifische Grenzen liegen. Die UA ist frei, den exakten Abstand Algorithmus auszuwählen. Der Wortabstand kann auch durch Rechtfertigung beeinflusst werden (was ein Wert des ‘text-align’ Eigenschaft ist).

    Hier wird das Wort-Abstand zwischen jedem Wort in ‘H1’ Elemente würden von ‘1em’ erhöht werden.

    CSS1 Kern: UAs kann jeden Wert von «Wortabstand» als «normal» zu interpretieren. (Siehe Abschnitt 7).

    Wert: normal | lt; lengthgt;
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Die Längeneinheit weist auf eine neben der Standard-Abstand zwischen den Zeichen. Die Werte können negativ sein, aber es kann die Durchführung spezifische Grenzen liegen. Die UA ist frei, den exakten Abstand Algorithmus auszuwählen. Der Zeichenabstand kann auch durch Rechtfertigung beeinflusst werden (was ein Wert der «align» Eigentum ist).

    Hier ist der Brief-Abstand zwischen den einzelnen Zeichen in ‘BLOCKQUOTE’ Elemente würden von ‘0.1em’ erhöht werden.

    Mit einem Wert von «normalen» kann der UAs den Raum zwischen den Buchstaben ändern Text zu rechtfertigen. Das wird nicht passieren, wenn «Zeichenabstand» ausdrücklich ist auf a lt; lengthgt; Wert:

    Wenn der sich ergebende Raum zwischen zwei Buchstaben nicht derselbe wie der Standardabstand ist, sollte nicht UAs Ligaturen verwendet werden.

    CSS1 Kern: UAs kann jeden Wert von «Brief Abstand» als «normal» zu interpretieren. (Siehe Abschnitt 7).

    Wert: keine | [Unterstreichen || || overline line-through || blinken]
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: nein, aber siehe unten Klärung
    Prozentwerte: N / A

    Diese Eigenschaft beschreibt Dekorationen, die auf den Text eines Elements hinzugefügt werden. Wenn das Element keinen Text hat (zum Beispiel das ‘IMG’ Element in HTML) oder ist ein leeres Element (z ‘lt; EMGT; lt; / EMGT;’), hat diese Eigenschaft keine Auswirkungen. Ein Wert von ‘Blinzeln’ bewirkt, dass der Text zu blinken.

    Die Farbe (n) für den Text Dekoration erforderlich ist, sollte von der «Farbe» Eigenschaftswert abgeleitet werden.

    Diese Eigenschaft wird nicht vererbt, sondern Elemente sollten ihre Eltern entsprechen. Z.B. wenn ein Element unterstrichen wird, sollte die Linie, die die untergeordneten Elemente umfassen. Die Farbe der Unterstreichung wird die gleiche bleiben, auch wenn Nachkomme Elemente unterschiedliche «Farbe» Werte haben.

    Das obige Beispiel würde den Text aller Links unterstreichen (das heißt alle «A» Elemente mit einem «HREF-Attribut).

    UAs muss das Schlüsselwort ‘Blinzeln’, erkennen aber nicht unterstützen den Blinkeffekt erforderlich.

    Wert: Baseline | Unter | Super | oben | Text-top | Mitte | Boden | text-bottom | lt; percentagegt;
    Initiale: Grundlinie
    Gilt für: Inline-Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die ‘line-height’ des Elements selbst

    Die Eigenschaft wirkt sich auf die vertikale Positionierung des Elements. Eine Reihe von Schlüsselwörtern ist in Bezug auf das übergeordnete Element: «Grundlinie» richten Sie den Ausgangswert des Elements (oder den Boden, wenn das Element nicht eine Basis hat) mit der Grundlinie des Eltern «Mitte» richten Sie den vertikalen Mittelpunkt des Element (in der Regel ein Bild) mit der Basislinie plus die Hälfte der x-Höhe des Mutter ‘sub’ sUBSCRIPT das Element «super» das Element ‘text-top’ hochgestellt die Spitze des Elements mit der Spitze der Schrift des übergeordneten Elements ausrichten ‘ text-bottom ‘den Boden des Elements mit der Unterseite der Schrift des Elternelements ausrichten

    Ein weiterer Satz von Eigenschaften sind in Bezug auf die formatierte Zeile, die das Element ein Teil: «top» richten Sie den oberen Rand des Elements mit der höchsten Elements auf der Linie «unten» richten Sie den Boden des Elements mit dem niedrigsten Elements auf der Linie

    Mit Hilfe der «oben» und «unten» Ausrichtung kann unlösbare Situationen auftreten, in denen Element Abhängigkeiten eine Schleife bilden.

    Prozentwerte beziehen sich auf den Wert der ‘line-height’ Eigenschaft des Elements selbst. Sie erhöhen die Grundlinie des Elements (oder unten, wenn es keine Basis hat) die angegebene Menge oberhalb der Basislinie des Elternteils. Negative Werte sind möglich. Z.B. ein Wert von «-100%» wird das Element zu senken, so dass der Ausgangswert des Elements endet, wobei die Basislinie der nächsten Zeile hätte sein sollen. Dies ermöglicht eine genaue Kontrolle über die vertikale Position der Elemente (wie beispielsweise Bilder, die anstelle von Buchstaben verwendet werden), die eine Basislinie nicht aufweisen.

    Es wird erwartet, dass eine zukünftige Version von CSS erlauben lt; lengthgt; als Wert auf dieses Objekt.

    Wert: Kapital | Groß | Klein | keiner
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: N / A
    ‘Kapital’ uppercases das erste Zeichen jedes Wortes «Groß ‘uppercases alle Buchstaben des Elements’ kleinen ‘Kleinbuchstaben umwandelt alle Buchstaben des Elements’ none ‘neutralisiert geerbten Wert.

    Die eigentliche Transformation in jedem Fall ist die menschliche Sprache abhängig. [4] Siehe nach Möglichkeiten, die Sprache eines Elements zu finden.

    Das obige Beispiel würde ‘H1’ Elemente in Großbuchstaben gesetzt.

    CSS1 Kern: UAs kann ‘text-transform’ ignorieren für Zeichen (dh es als «keine» behandeln), die nicht aus dem Latin-1-Repertoire und für Elemente in Sprachen, für die die Transformation von der durch den Fall-Konvertierungstabellen von Unicode angegeben ist anders [8].

    Wert: links | Recht | Zentrum | rechtfertigen
    Initiale: UA spezifischen
    Gilt für: Block-Level-Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Diese Eigenschaft beschreibt, wie Text innerhalb des Elements ausgerichtet ist. Die eigentliche Rechtfertigung verwendete Algorithmus ist UA und die menschliche Sprache abhängig.

    Da ‘text-align’ erbt, werden alle Elemente auf Blockebene innerhalb des Elements «DIV» mit «CLASS = center» wird zentriert. Beachten Sie, dass Ausrichtungen der Breite des Elements relativ sind, nicht der Leinwand. Wenn «rechtfertigen» nicht unterstützt wird, liefert die UA einen Ersatz. Normalerweise ist dies für westliche Sprachen «links» wird.

    CSS1 Kern: UAs kann «rechtfertigen» als «links» oder «rechts» zu behandeln, je nachdem, ob die Standardschreibrichtung des Elements wird von links nach rechts oder von rechts nach links, respectively.

    Wert: lt; lengthgt; | lt; percentagegt;
    Initiale: 0
    Gilt für: Block-Level-Elemente
    Vererbt: ja
    Prozentwerte: beziehen sich auf die Breite des übergeordneten Elements

    Die Eigenschaft gibt die Vertiefung, die vor der ersten formatierte Zeile erscheint. Der Wert von ‘text-indent’ kann negativ sein, aber es kann die Durchführung spezifische Grenzen liegen. Eine Vertiefung ist in der Mitte eines Elements nicht eingefügt, die durch eine andere gebrochen wurde (wie «BR» in HTML).

    Wert: normal | lt; numbergt; | lt; lengthgt; | lt; percentagegt;
    Initiale: normal
    Gilt für: alle Elemente
    Vererbt: ja
    Prozentwerte: in Bezug auf die Schriftgröße des Elements selbst

    Die Eigenschaft legt den Abstand zwischen zwei Basislinien «benachbarten Linien.

    Wenn ein numerischer Wert angegeben ist, wird die Zeilenhöhe durch die Schriftgröße des aktuellen Elements mit dem Zahlenwert multipliziert gegeben. Dies unterscheidet sich von einem Prozentwert in der Art und Weise erbt: Wenn ein numerischer Wert angegeben wird, werden untergeordnete Elemente erben den Faktor selbst, nicht der resultierende Wert (wie es der Fall mit Prozentsatz und andere Einheiten).

    Negative Werte sind nicht erlaubt.

    Die drei Regeln im Beispiel unten die gleiche resultierende Zeilenhöhe:

    Ein Wert von «normalen» setzt die ‘line-height’ auf einen vernünftigen Wert für die Schriftart des Elements. Es wird vorgeschlagen, dass UAs den «normalen» Wert eine Zahl im Bereich von 1,0 bis 1,2 sein.

    Siehe Abschnitt 4.4 für eine Beschreibung, wie ‘line-height’ Einfluss auf die Formatierung eines Elements auf Blockebene.

    Die Box Eigenschaften die Größe, Umfang und Lage der Boxen gesetzt, die Elemente darstellen. Siehe Formatierungsmodell (Abschnitt 4) für Beispiele, wie die Box-Eigenschaften zu verwenden.

    Die Marge Eigenschaften der Rand eines Elements gesetzt. Die «Randbereich» Eigenschaft setzt die Marge für alle vier Seiten, während die anderen Randeigenschaften nur ihre jeweiligen Seite eingestellt.

    Die Polstereigenschaften beschreiben, wie viel Platz zwischen der Grenze zu setzen und den Inhalt (zum Beispiel Text oder Bild). Die «padding» Eigenschaft setzt die Polsterung für alle vier Seiten, während die anderen Polstereigenschaften nur ihre jeweiligen Seite eingestellt.

    Die Grenz Eigenschaften, die Grenzen eines Elements gesetzt. Jedes Element hat vier Ränder, eine auf jeder Seite, die durch ihre Breite, Farbe und Stil definiert sind.

    Die «Breite» und «Höhe» Eigenschaften legen Sie die Größe der Box, und die «schweben» und «klar» Eigenschaften können die Position der Elemente zu verändern.

    Wert: lt; lengthgt; | lt; percentagegt; | Auto
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des nächsten Block-Level-Vorfahren

    Diese Eigenschaft legt den oberen Rand eines Elements:

    Ein negativer Wert ist erlaubt, aber es kann die Durchführung spezifische Grenzen liegen.

    Wert: lt; lengthgt; | lt; percentagegt; | Auto
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt den rechten Rand eines Elements:

    Ein negativer Wert ist erlaubt, aber es kann die Durchführung spezifische Grenzen liegen.

    Wert: lt; lengthgt; | lt; percentagegt; | Auto
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt den unteren Rand eines Elements:

    Ein negativer Wert ist erlaubt, aber es kann die Durchführung spezifische Grenzen liegen.

    Wert: lt; lengthgt; | lt; percentagegt; | Auto
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt den linken Rand eines Elements:

    Ein negativer Wert ist erlaubt, aber es kann die Durchführung spezifische Grenzen liegen.

    Wert: [ lt; lengthgt; | lt; percentagegt; | auto] lt; 1,4gt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Die «Marge» Eigentum ist eine zusammenfassende Eigenschaft für ‘margin-top’, ‘margin-right’, ‘margin-bottom’ und ‘margin-left’ an der gleichen Stelle im Stylesheet setzen.

    Wenn vier Längenwerte angegeben werden, sie gelten nach oben, rechts, unten bzw. links. Wenn es nur einen Wert, legt es an allen Seiten, wenn es zwei oder drei, werden die fehlenden Werte von der gegenüberliegenden Seite entnommen.

    Die letzte Regel von dem obigen Beispiel entspricht dem Beispiel unten:

    Negative Randwerte sind erlaubt, aber es kann die Durchführung spezifische Grenzen liegen.

    Wert: lt; lengthgt; | lt; percentagegt;
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt die obere Polsterung eines Elements.

    Padding-Werte können nicht negativ sein.

    Wert: lt; lengthgt; | lt; percentagegt;
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt die richtige Polsterung eines Elements.

    Padding-Werte können nicht negativ sein.

    Wert: lt; lengthgt; | lt; percentagegt;
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt die untere Polsterung eines Elements.

    Padding-Werte können nicht negativ sein.

    Wert: lt; lengthgt; | lt; percentagegt;
    Initiale: 0
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Diese Eigenschaft legt die linke Polsterung eines Elements.

    Padding-Werte können nicht negativ sein.

    Wert: [ lt; lengthgt; | lt; percentagegt; ] Lt; 1,4gt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des umschließenden Block-Level-Vorfahren

    Die «padding» Eigentum ist eine zusammenfassende Eigenschaft für ‘padding-top «,» padding-right’, ‘padding-bottom’ und ‘padding-left’ an der gleichen Stelle im Stylesheet setzen.

    Wenn vier Werte angegeben werden, sie gelten nach oben, rechts, unten bzw. links. Wenn es nur einen Wert, legt es an allen Seiten, wenn es zwei oder drei, werden die fehlenden Werte von der gegenüberliegenden Seite entnommen.

    Die Oberfläche des Polsterbereich ist mit dem «Hintergrund» Eigenschaft:

    Das obige Beispiel setzt ein ‘1em’ padding vertikal ( «padding-top ‘und’ padding-bottom ‘) und eine» 2em’ padding horizontal ( «padding-right» und «padding-left ‘). Die ’em’ Einheit ist in Bezug auf die Schriftgröße des Elements: ‘1em’ ist gleich der Größe der Schrift im Einsatz.

    Padding-Werte können nicht negativ sein.

    Wert: dünn | mittel | dick | lt; lengthgt;
    Initiale: ‘Mittel’
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt die Breite eines oberen Rand des Elements. Die Breite der Keyword-Werte sind UA abhängig, aber die gilt: «dünn» lt; = «Medium» lt; = ‘dick’.

    Die Keyword-Breiten sind konstant in einem Dokument:

    In dem obigen Beispiel «H1» und «P» Elemente die gleiche Randbreite unabhängig von der Schriftgröße haben. Um das zu erreichen kann relativen Breiten, die ’em’ Einheit verwendet werden:

    Border Breiten können nicht negativ sein.

    Wert: dünn | mittel | dick | lt; lengthgt;
    Initiale: ‘Mittel’
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt die Breite eines rechten Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top-width’.

    Wert: dünn | mittel | dick | lt; lengthgt;
    Initiale: ‘Mittel’
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt die Breite eines unteren Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top-width’.

    Wert: dünn | mittel | dick | lt; lengthgt;
    Initiale: ‘Mittel’
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft legt die Breite eines linken Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top-width’.

    Wert: [Dünn | mittel | dick | lt; lengthgt;] lt; 1,4gt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft ist eine Abkürzung Eigenschaft für die Einstellung ‘border-width-top’, ‘border-width-right’, ‘border-width-bottom’ und ‘border-width-links «an der gleichen Stelle im Stylesheet.

    Es können ein bis vier Werte werden mit folgender Interpretation:

    • einen Wert: alle vier Rahmenbreiten sind auf diesen Wert gesetzt
    • zwei Werte: obere und untere Rahmenbreiten sind auf den ersten Wert gesetzt, rechts und in die zweite gesetzt links
    • drei Werte: top auf den ersten gesetzt, rechts und links sind auf der zweiten, wird unten auf dem dritten Satz
    • vier Werte: oben, rechts, unten bzw. links

    In den folgenden Beispielen zeigen die Kommentare der resultierenden Breiten der oben, rechts, unten und von links Grenzen:

    Border Breiten können nicht negativ sein.

    Wert: lt; colorgt; lt; 1,4gt;
    Initiale: der Wert der Eigenschaft ‘color’
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Die ‘border-color’ Eigenschaft setzt die Farbe der vier Grenzen. ‘Border-color’ kann von einem bis vier Werte haben, und die Werte werden auf den verschiedenen Seiten als für ‘border-width’ oben gesetzt.

    Wenn kein Farbwert angegeben wird, nimmt der Wert der «Farbe» Eigenschaft des Elements selbst seinen Platz:

    Im obigen Beispiel wird die Grenze eine schwarze Linie sein.

    Wert: keine | gepunkteten | gestrichelte | fest | double | Nut | Kamm | Einsatz | Anfang
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Die ‘border-style’ Eigenschaft legt den Stil der vier Grenzen. Es kann von einem bis vier Werte, und die Werte werden auf den verschiedenen Seiten als «Grenz-width ‘oben eingestellt.

    In dem obigen Beispiel wird die horizontalen Grenzen ‘solide’ und die vertikalen Grenzen wird «übersät» werden.

    Da der Anfangswert der Stile Grenze ist «keine», werden keine Grenzen sichtbar, wenn der Rahmenstil festgelegt ist.

    Die Stile Grenze bedeuten: keine keine Grenze gezogen wird (unabhängig vom Wert ‘border-width’) punktiert die Grenze ist eine gestrichelte Linie auf dem Hintergrund des Elements gezeichnet gestrichelt die Grenze ist eine gestrichelte Linie auf dem Hintergrund gezeichnet Massiv des Elements ist die Grenze eine durchgezogene Linie verdoppelt sich die Grenze eine doppelte Linie auf dem Hintergrund des Elements gezeichnet ist. Die Summe der beiden einzelnen Linien und der Raum zwischen gleich dem lt; border-widthgt; Wert. Nut eine Nut 3D basiert auf der in Farben gezeichnet lt; colorgt; Wert. First ein 3D-Grat basiert auf der in den Farben gezeichnet lt; colorgt; Wert. Einschub ein 3D-Einsatz in Farben gezeichnet wird auf der Basis lt; colorgt; Wert. Anfang ein 3D-Anfang in den Farben auf der gezeichnet basiert lt; colorgt; Wert.

    CSS1 Kern: UAs können alle ‘gepunktet’, ‘gestrichelte’, ‘double’, ‘Groove’, ‘Grat’, ‘Einsatz’ und ‘Anfang’ als ‘solide’ interpretieren.

    Wert: lt; border-top-widthgt; || lt; border-stylegt; || lt; colorgt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Dies ist eine zusammenfassende Eigenschaft für die Einstellung der Breite, Stil und Farbe eines oberen Rand des Elements.

    Die obige Regel wird die Breite, Stil und Farbe des Rahmens unterhalb des H1-Element festgelegt. Ausgelassene Werte werden auf ihre Anfangswerte gesetzt werden:

    Da der Farbwert im obigen Beispiel weggelassen wird, wird die Rahmenfarbe die gleiche wie die «Farbe» Wert des Elements selbst sein.

    Beachten Sie, dass während der ‘border-style’ Eigenschaft auf vier Werte akzeptiert, ist dies Eigenschaft akzeptiert nur einen Stil Wert.

    Wert: lt; border-right-widthgt; || lt; border-stylegt; || lt; colorgt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Dies ist eine zusammenfassende Eigenschaft für die Einstellung der Breite, Stil und Farbe eines rechten Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top’.

    Wert: lt; border-bottom-widthgt; || lt; border-stylegt; || lt; colorgt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Dies ist eine zusammenfassende Eigenschaft für die Einstellung der Breite, Stil und Farbe eines unteren Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top’.

    Wert: lt; border-left-widthgt; || lt; border-stylegt; || lt; colorgt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Dies ist eine zusammenfassende Eigenschaft für die Einstellung der Breite, Stil und Farbe eines linken Rand des Elements. Ansonsten ist es gleichbedeutend mit der ‘border-top’.

    Wert: lt; border-widthgt; || lt; border-stylegt; || lt; colorgt;
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Die «Grenze» Eigenschaft ist eine Abkürzung Eigenschaft für die Einstellung die gleiche Breite, Farbe und Stil auf allen vier Ränder eines Elements. Zum Beispiel, unter die erste Regel ist auf den Satz von vier Regeln gleichwertig, nachdem es gezeigt:

    Anders als bei der Stenografie «Marge» und «padding» Eigenschaften, die «Grenze» Eigenschaft kann unterschiedliche Werte an den vier Grenzen nicht festgelegt. Um dies zu tun, eine oder mehrere der anderen Randeigenschaften verwendet werden.

    Da die Eigenschaften zu einem gewissen Grad überlappende Funktionalität aufweisen, in welcher Reihenfolge die Regeln festgelegt sind wichtig. Betrachten Sie folgendes Beispiel:

    In dem obigen Beispiel wird die Farbe der linken Rand schwarz sein, während die anderen Ränder sind rot. Dies ist auf ‘border-left’ Festlegen der Breite, Stil und Farbe. Da der Farbwert nicht auf der ‘border-left’ Eigenschaft angegeben ist, wird es von der «Farbe» Eigentum genommen werden. Die Tatsache, dass die «Farbe» Eigenschaft nach der ‘border-left’ Eigenschaft festgelegt wird, ist nicht relevant.

    Beachten Sie, dass während der ‘border-width’ Eigenschaft bis zu vier Längenwerte akzeptiert, nur diese Eigenschaft ein akzeptiert.

    Wert: lt; lengthgt; | lt; percentagegt; | Auto
    Initiale: Auto
    Gilt für: Blockebene und ersetzte Elemente
    Vererbt: Nein
    Prozentwerte: beziehen sich auf die Breite des übergeordneten Elements

    Diese Eigenschaft kann verwendet werden, um Elemente in Text, aber es ist am nützlichsten bei ersetzt Elemente wie Bilder. Die Breite ist durch die Skalierung des Bildes, wenn notwendig, durchgesetzt werden. Beim Skalieren erhalten bleibt das Seitenverhältnis des Bildes, wenn die «Höhe» Eigentum ist «auto».

    Wenn die «Breite» und «Höhe» eines ersetzten Elements sind beide ‘auto’, werden diese Eigenschaften auf die intrinsische Dimensionen des Elements eingestellt werden.

    Negative Werte sind nicht erlaubt.

    Siehe Formatierungsmodell (Abschnitt 4) für eine Beschreibung der Beziehung zwischen dieser Eigenschaft und dem Rand und Polsterung.

    Wert: lt; lengthgt; | Auto
    Initiale: Auto
    Gilt für: Blockebene und ersetzte Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft kann auf Text angewendet werden, aber es ist am nützlichsten bei ersetzt Elemente wie Bilder. Die Höhe ist durch die Skalierung des Bildes, wenn notwendig, durchgesetzt werden. Beim Skalieren erhalten bleibt das Seitenverhältnis des Bildes, wenn die «Breite» Eigentum ist «auto».

    Wenn die «Breite» und «Höhe» eines ersetzten Elements sind beide ‘auto’, werden diese Eigenschaften auf die intrinsische Dimensionen des Elements eingestellt werden.

    Wenn auf ein Textelement angewendet wird, kann die Höhe mit beispielsweise durchgesetzt werden eine Scrollbar.

    Negative Werte sind nicht erlaubt.

    CSS1 Kern: UAs kann die «Höhe» Eigenschaft ignorieren (das heißt behandeln es als «Auto»), wenn das Element nicht ersetzt Element ist.

    Wert: links | Recht | keiner
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Mit dem Wert ‘none’, wird das Element angezeigt werden, wo es im Text erscheint. Mit einem Wert von «links» ( «rechts») wird das Element nach links verschoben werden (rechts) und der Text auf der rechten Seite umbrochen (linken) Seite des Elements. Mit einem Wert von «links» oder «rechts» wird das Element als Blockebene behandelt (das heißt, die Eigenschaft ‘display’ wird ignoriert). Abschnitt 4.1.4 für eine vollständige Spezifikation.

    Das obige Beispiel legen Sie alle IMG Elemente mit «CLASS = Symbol» auf der linken Seite des Elternelements.

    Diese Eigenschaft wird am häufigsten mit Inline-Bildern verwendet, gilt aber auch Elemente in Text.

    Wert: keine | links | Recht | beide
    Initiale: keiner
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft gibt an, ob ein Element Schwimmelemente an den Seiten ermöglicht. Genauer gesagt führt der Wert dieser Eigenschaft an den Seiten, wo Schwimmelemente werden nicht akzeptiert. Mit ‘clear’ auf ‘links’, wird ein Element unter jedem Floating-Element auf der linken Seite bewegt werden. Mit ‘clear’ auf ‘none’, schweben Elemente auf allen Seiten erlaubt. Beispiel:

    Diese Eigenschaften klassifizieren Elemente in Kategorien mehr, als sie bestimmte visuelle Parameter einstellen.

    Die list-style-Eigenschaften beschreiben, wie Listenelemente (das heißt Elemente mit einem ‘display’ Wert ‘list-item’) formatiert sind. Die list-style-Eigenschaften können auf jedem Element gesetzt werden, und es wird in der Regel nach unten Baum erben. Sie werden jedoch nur Auswirkungen auf die Elemente mit einem ‘display’ Wert ‘list-item’ haben werden. In HTML ist dies in der Regel der Fall für das Element «LI».

    Wert: Block | Inline | list-item | keiner
    Initiale: Block
    Gilt für: alle Elemente
    Vererbt: Nein
    Prozentwerte: N / A

    Diese Eigenschaft beschreibt, wie / ob ein Element auf der Leinwand angezeigt (die auf einer gedruckten Seite, ein Computer-Display usw. sein kann).

    Ein Element mit einem ‘display’ Wert ‘block’ öffnet sich ein neues Feld. Die Box ist so positioniert, relativ zu den benachbarten Boxen nach dem CSS-Formatierungsmodell. Typischerweise Elemente wie «H1» und «P» sind vom Typ «Block». Ein Wert von «list-item ‘ist ähnlich wie» Block «, außer dass ein Listenelement Marker hinzugefügt. In HTML ‘LI’ haben in der Regel diesen Wert.

    Ein Element mit einem ‘display’ Wert ‘inline’ führt zu einem neuen Inline-Box auf der gleichen Linie wie der vorherige Inhalt. Der Kasten ist so dimensioniert entsprechend der formatierten Größe des Inhalts. Wenn der Inhalt Text ist, kann es mehrere Zeilen erstrecken, und es wird ein Feld in jeder Zeile sein. Die Marge, Rahmen und Polsterung Eigenschaften beziehen sich auf ‘inline’ Elemente, aber keine Auswirkungen auf die Zeilenumbrüche.

    Ein Wert von ‘none’ wird die Anzeige des Elements ab, Kinder-Elemente und die umgebende Box inklusive.

    Die letzte Regel schaltet die Anzeige von Bildern aus.

    Der Anfangswert des ‘display’ ist ‘block’, sondern ein UA wird in der Regel Standardwerte für alle HTML-Elemente nach dem vorgeschlagenen Rendering von Elementen in der HTML-Spezifikation [2] haben.

    CSS1 Kern: UAs kann ‘display’ ignorieren und nur die Standardeinstellungen der UA-Werte verwenden. (Siehe Abschnitt 7).

    Wert: normal | pre | nowrap
    Initiale: normal
    Gilt für: Block-Level-Elemente
    Vererbt: ja
    Prozentwerte: N / A

    Diese Eigenschaft erklärt, wie Leerzeichen innerhalb des Elements behandelt wird: die «normale» Art und Weise (wo Leerzeichen zusammengebrochen ist), als «pre» oder als «nowrap» (die wie das «PRE» Element in HTML verhält) (wo Verpackung geschieht nur durch BR-Elemente):

    Der Anfangswert des ‘white-space «ist» normal «, sondern ein UA wird in der Regel Standardwerte für alle HTML-Elemente nach dem vorgeschlagenen Rendering der Elemente in der HTML-Spezifikation haben [2].

    CSS1 Kern: UAs kann die ‘white-space’ Eigenschaft in Autors und Lesers Stylesheets, und verwenden Sie stattdessen die Standardwerte des UA ignorieren. (Siehe Abschnitt 7).

    Wert: Scheibe | Kreis | Platz | dezimal | Unter-roman | Ober-roman | Unter-alpha | Ober-alpha | keiner
    Initiale: Scheibe
    Gilt für: Elemente mit ‘display’ Wert ‘list-item’
    Vererbt: ja
    Prozentwerte: N / A

    Diese Eigenschaft wird verwendet, um das Aussehen der Liste Punkt Marker zu bestimmen, ob ‘list-style-image’ ist ‘none’ oder wenn das Bild durch die URL weitergeleitet, kann nicht angezeigt werden.

    Wert: lt; urlgt; | keiner
    Initiale: keiner
    Gilt für: Elemente mit ‘display’ Wert ‘list-item’
    Vererbt: ja
    Prozentwerte: N / A

    Diese Eigenschaft legt das Bild, das als Listenpunkt Marker verwendet wird. Wenn das Bild verfügbar ist, wird es die Markierung mit dem ‘list-style-type’ Marker gesetzt ersetzen.

    Wert: innen | draußen
    Initiale: draußen
    Gilt für: Elemente mit ‘display’ Wert ‘list-item’
    Vererbt: ja
    Prozentwerte: N / A

    Der Wert von ‘list-style-position’ legt fest, wie die Liste Punkt Marker in Bezug auf den Inhalt gezogen wird. finden Sie eine Formatierung Beispiel Abschnitt 4.1.3.

    Wert: [Disc | Kreis | Platz | dezimal | Unter-roman | Ober-roman | Unter-alpha | Ober-alpha | none] || [Innen | außerhalb] || [Lt; urlgt; | keiner]
    Initiale: nicht für Kurzschrift-Eigenschaften definiert
    Gilt für: Elemente mit ‘display’ Wert ‘list-item’
    Vererbt: ja
    Prozentwerte: N / A

    Die ‘list-style «Eigentum ist eine Kurzschreibweise für die Einstellung der drei Eigenschaften’ list-style-type ‘,’ list-style-Bild» und «list-style-position ‘an der gleichen Stelle im Stylesheet.

    ‘List-style «direkt auf» LI «Elemente einstellen kann zu unerwarteten Ergebnissen führen. Erwägen:

    Da die Spezifität (wie in der Kaskaden-Reihenfolge definiert) höher für die erste Regel ist oben im Stylesheet im Beispiel wird es die zweite Regel auf alle «LI» Elemente außer Kraft setzen und nur «Unter-alpha» Listenstile werden verwendet . Es wird deshalb zu setzen ‘list-style’ nur auf die Liste Elemente des Typs empfohlen:

    In dem obigen Beispiel Erbschaft übertragen Sie die ‘list-style’ Werte von «OL» und «UL» Elemente «LI» Elemente.

    Ein URL-Wert kann mit jedem anderen Wert kombiniert werden:

    In dem obigen Beispiel wird die «Platte» verwendet werden, wenn das Bild nicht verfügbar ist.

    Das Format eines Längenwert ist ein optionales Vorzeichen ( ‘+’ oder ‘-‘, mit ‘+’ ist die Standardeinstellung) unmittelbar gefolgt von einer Zahl (mit oder ohne Dezimalpunkt) unmittelbar von einer Einheitskennung gefolgt (zwei Bf Abkürzung). Nach einer ‘0’ Zahl, ist das Gerät Kennung optional.

    Einige Eigenschaften erlauben negativen Längeneinheiten, aber dies kann die Formatierungsmodell erschweren und es kann ausführungsspezifische Grenzen liegen. Wenn eine negative Längenwert nicht unterstützt werden kann, sollte sie auf den nächsten Wert abgeschnitten werden, die unterstützt werden können.

    Es gibt zwei Arten von Längeneinheiten: relative und absolute. Relative Einheiten eine Länge relativ zu einer anderen Länge Eigenschaft angeben. Style-Sheets, die relative Einheiten verwenden leichter von einem Medium zum anderen Skala (beispielsweise von einer Computeranzeige zu einem Laserdrucker). Prozentual Einheiten (wie unten beschrieben) und Keyword-Werte (z ‘x-large’) bieten ähnliche Vorteile.

    Diese relativen Einheiten werden unterstützt:

    Die relativen Einheiten ’em’ und ‘ex’ sind in Bezug auf die Schriftgröße des Elements selbst. Die einzige Ausnahme von dieser Regel in CSS1 ist die ‘font-size’ Eigentum, wo ’em’ und ‘ex’ Werte auf die Schriftgröße des übergeordneten Elements beziehen.

    Pixel-Einheiten, wie in der letzten Regel verwendet werden, sind in Bezug auf die Auflösung der Leinwand, das heißt am häufigsten einem Computer-Display. Wenn die Pixeldichte der Ausgabeeinrichtung von der eines typischen Computeranzeige sehr unterschiedlich ist, sollte die UA Pixelwerte neu zu skalieren. Die vorgeschlagene Referenzpixel ist der Sichtwinkel eines Pixels auf einem Gerät mit einer Pixeldichte von 90dpi und einem Abstand von dem Leser eine Armlänge. Für die Länge eines nominalen Arm von 28 Zoll, ist der Sichtwinkel etwa 0,0227 Grad.

    Untergeordnete Elemente erben den berechneten Wert, nicht der relative Wert:

    In dem obigen Beispiel wird die ‘text-indent’ Wert ‘H1’ Elemente 36pt, nicht 45pt.

    Absolute Längeneinheiten sind nur nützlich, wenn die physikalischen Eigenschaften des Ausgabemediums sind bekannt. Diese absoluten Einheiten werden unterstützt:

    In Fällen, in denen die angegebene Länge nicht unterstützt werden kann, sollte UAs anzunähern versuchen. Für alle CSS1 Eigenschaften, weitere Berechnungen und Vererbung sollte auf dem angenäherten Wert basieren.

    Das Format eines Prozentwert ist ein optionales Vorzeichen ( ‘+’ oder ‘-‘, mit ‘+’ ist die Standardeinstellung) unmittelbar gefolgt von einer Zahl (mit oder ohne Dezimalpunkt) sofort durch «%» gefolgt.

    Prozentangaben sind immer in Bezug auf einen anderen Wert, beispielsweise einer Längeneinheit. Jede Eigenschaft, die auch Prozenteinheiten ermöglicht wird definiert, was den prozentualen Wert Wert beziehen. Meistens ist dies die Schriftgröße des Elements selbst:

    In allen ererbten CSS1 Eigenschaften, wenn der Wert als Prozentsatz angegeben ist, erbt der untergeordnete Elemente den resultierenden Wert, nicht der Prozentwert.

    Eine Farbe ist ein entweder ein Stichwort oder eine numerische RGB-Spezifikation.

    Die vorgeschlagene Liste der Keyword-Farbnamen ist: aqua, schwarz, blau, pink, grau, grün, Kalk-, kastanienbraun, marine, olive, lila, rot, silber, aquamarin, weiß und gelb. Diese 16 Farben werden von der Windows-VGA-Palette genommen und ihre RGB-Werte werden in dieser Beschreibung definiert.

    Das RGB-Farbmodell wird in numerischer Farbspezifikationen verwendet werden. Diese Beispiele alle die gleiche Farbe angeben:

    Das Format eines RGB-Wert hexadezimal ist ein ‘#’ sofort von entweder drei oder sechs hexadezimalen Zeichen. Die dreistellige RGB-Notation (#RGB) wird durch die Replikation Ziffern in sechsstelliger Form (#rrggbb) umgewandelt wird, nicht durch Nullen ergänzt. Beispielsweise dehnt # fb0 bis # ffbb00. Dies stellt sicher, dass weiß (#ffffff) mit der Kurzform (#fff) angegeben werden und entfernt alle Abhängigkeiten von der Farbtiefe des Displays.

    Das Format eines RGB-Wert in der funktionalen Notation ist «rgb ( ‘gefolgt von einer durch Kommata getrennte Liste von drei Zahlenwerte (entweder drei Integer-Werte im Bereich von 0 bis 255, oder drei Prozentwerte im Bereich von 0,0% bis 100,0%), gefolgt von ‘)’. Whitespace-Zeichen sind um die numerischen Werte erlaubt.

    Werte außerhalb der numerischen Bereiche sollten abgeschnitten werden. Die drei folgenden Regeln sind daher gleichwertig:

    RGB-Farben werden in den sRGB-Farbraum spezifiziert [9]. UAs kann in der Treue variieren, mit denen sie diese Farben darstellen, aber die Verwendung von sRGB liefert eine eindeutige und objektiv messbare Definition dessen, was die Farbe sein sollte, die nach internationalen Standards werden können [10].

    UAs kann bei der Anzeige von Farben zur Durchführung einer Gamma-Korrektur auf, ihre Anstrengungen zu begrenzen. sRGB gibt eine Anzeige Gamma von 2,2 unter bestimmten Betrachtungsbedingungen. UAs passen die in CSS gegebenen Farben, so dass, in Kombination mit einem Ausgabegerät des "natürlich" Anzeige Gamma, eine effektive Anzeige Gamma von 2,2 erzeugt wird. Anhang D enthält weitere Einzelheiten hierzu. Beachten Sie, dass nur Farben in CSS angegeben sind betroffen; z.B. Bilder werden erwartet, um ihre eigenen Farbinformationen zu tragen.

    A Uniform Resource Locator (URL) mit einer funktionellen Notation identifiziert:

    Das Format eines URL-Wert ist ‘url (‘ durch optional weißen Raum durch ein optionales Apostroph ( ‘) oder doppelte Anführungszeichen gefolgt gefolgt (") Zeichen durch die URL selbst (wie in [11]), gefolgt von einem optionalen einfachen Anführungszeichen ( ‘) oder doppelte Anführungszeichen gefolgt (") Zeichen durch optionale Leerzeichen gefolgt von gefolgt ‘)’. Zitat Zeichen, die nicht Teil der URL sind selbst muss ausgewogen sein.

    Runde Klammern, Kommas, Leerzeichen, einfache Anführungszeichen ( ‘) und doppelte Anführungszeichen ("in einer URL) aufgeführt sind, müssen mit einem Backslash maskiert werden: ‘\ (‘, ‘\)’, ‘\’.

    Unvollständige URLs werden relativ zu der Quelle des Stylesheets interpretiert, nicht in Bezug auf das Dokument:

    Ein User-Agent, die CSS1 verwendet Dokumente anzuzeigen entspricht der CSS1-Spezifikation, wenn sie:

    • sie versucht, alle referenzierten Stylesheets zu holen und analysieren gemäß dieser Spezifikation
    • sortiert die Erklärungen nach dem Kaskaden-Reihenfolge
    • die CSS1-Funktionalität innerhalb der Grenzen des Präsentationsmedium implementiert (siehe Erklärung unten).

    Ein User-Agent, die Blätter CSS1 Stil entspricht der CSS1-Spezifikation, wenn es gibt:

    • Ausgänge gültig CSS1 Style Sheets

    Ein User-Agent, die CSS1 verwendet Dokumente anzuzeigen und Ausgänge CSS1 Style Sheets entspricht der CSS1-Spezifikation, wenn er beide Arten von Konformitätsanforderungen erfüllt.

    Ein UA hat nicht alle Funktionen von CSS1 umzusetzen: durch die Umsetzung der Kernfunktionalität zu CSS1 anpassen kann. Die Kernfunktionalität besteht aus dem gesamten CSS1-Spezifikation mit Ausnahme derjenigen Teile ausdrücklich ausgeschlossen. Im Text werden die Teile, die mit "CSS1 Kern: " gefolgt von einer Erklärung dessen, was außerhalb der Kernfunktionalität Funktionalität ist. Der Satz von Funktionen, von der Kernfunktionalität ausgeschlossen erweiterten Funktionen genannt CSS1.

    In diesem Abschnitt werden nur die Konformität mit CSS1. Es wird noch weitere Ebenen der CSS in der Zukunft sein, die eine UA erfordern einen anderen Satz von Funktionen zu implementieren, um zu entsprechen.

    Beispiele für Einschränkungen des Präsentationsmediums sind: begrenzte Ressourcen (Schriftarten, Farbe) und eine begrenzte Auflösung (so Margen möglicherweise nicht mehr genau). In diesen Fällen sollte der UA die Stylesheet-Werte annähern. Auch können andere Benutzeroberfläche Paradigmen ihre eigenen Zwänge haben: ein VR-Browser, um das Dokument auf Basis neu skalieren kann auf ihrer "Entfernung" von dem Benutzer.

    UAs können Leser zusätzliche Möglichkeiten auf Präsentation bieten. Zum Beispiel kann die UA-Optionen für Leser mit Sehbehinderungen bieten oder die Wahl Blinken zu deaktivieren bereitstellen kann.

    Beachten Sie, dass CSS1 nicht alle Aspekte der Formatierung nicht angibt. Z.B. der UA ist frei, einen Brief-Abstand-Algorithmus zu wählen.

    Diese Spezifikation empfiehlt auch, aber nicht erforderlich, dass ein UA:

    • der Leser ermöglicht persönliche Stylesheets angeben
    • Blätter individuellen Stil werden ein- und ausgeschaltet erlaubt

    Die oben genannten Konformitätsregeln beschreiben nur die Funktionalität, nicht Benutzeroberfläche.

    Diese Spezifikation definiert CSS Level 1. Es wird erwartet, dass höhere CSS, mit zusätzlichen Features, werden in der Zukunft definiert werden. Um sicherzustellen, dass UAs nur CSS1 Unterstützung in der Lage, Stylesheets, die höhere Level-Funktionen zu lesen, definiert dieser Abschnitt, was der UA tut, wenn es bestimmte Konstrukte trifft, die 1 nicht gültig in CSS Level sind.

    • eine Erklärung mit einer unbekannten Eigenschaft wird ignoriert. Zum Beispiel, wenn das Stylesheet ist

    der UA behandeln wird dies, als ob das Stylesheet hatte

  • unzulässige Werte, oder Werte mit illegalen Teilen. werden so behandelt, als wenn die Erklärung gar nicht da waren:

    Im obigen Beispiel würde ein CSS1-Parser die erste Regel ehren und den Rest zu ignorieren, als ob das Stylesheet gewesen

    Ein UA konform zu einer künftigen CSS-Spezifikation als auch eine oder mehrere der anderen Regeln akzeptieren.

  • im Anschluss daran eine ungültige at-Schlüsselwort wird zusammen mit allem, was ignoriert, bis einschließlich des nächsten Semikolon (;) oder Klammernpaares (lt ;. gt;), was zuerst eintritt. Zum Beispiel wird angenommen, das Stylesheet lautet:

    Die «@ Drei-dee» ist illegal nach CSS1. Daher ist die gesamte At-Regel (bis zu und einschließlich der dritte rechte geschweifte Klammer) wird ignoriert. Die CSS1 UA überspringt es, effektiv das Stylesheet zu reduzieren auf:

  • Ein CSS-Stylesheet, für jede Version von CSS, besteht aus einer Liste von Anweisungen. Es gibt zwei Arten von Aussagen: at-Regeln und Regelsätze. Es können Leerzeichen sein (Leerzeichen, Tabulatoren, Zeilenumbrüche) um die Aussagen.

    CSS-Stylesheets werden oft in HTML-Dokumente eingebettet sind, und in der Lage sein, um Stylesheets von älteren UAs verstecken, ist es bequem, setzen Sie den Style Sheets in HTML-Kommentare. Die HTML-Kommentar-Token "lt;! -" und "—gt;" kann vor auftreten, nach und die Aussagen dazwischen. Sie haben Leerzeichen kann um sie herum.

    At-Regeln beginnen mit einem at-Schlüsselwort. das ist eine Kennung, mit einem «@» am Anfang (zum Beispiel: ‘@import’, ‘@ page’). Ein Bezeichner besteht aus Buchstaben, Ziffern, Bindestriche und Escape-Zeichen (wie unten definiert).

    Ein at-Regel besteht aus allem bis einschließlich des nächsten Semikolon (;) oder der nächste Block (definiert in Kürze), was zuerst eintritt. Ein CSS1 UA, die eine at-Regel trifft, die mit einem at-Schlüsselwort andere beginnt als ‘@import’ ignoriert die Gesamtheit der At-Regel und weiterhin Parsing nach. Es ignoriert auch jede at-Regel, die mit beginnt «@import», wenn er nicht an der Spitze des Stylesheet auftritt, das heißt, wenn es nach irgendwelchen Regeln auftritt (auch ignoriert Regeln). Hier ist ein Beispiel.

    Angenommen, ein CSS1 Parser Begegnungen dieses Stylesheet:

    Der zweite ‘@import’ ist illegal nach CSS1. Der CSS1-Parser überspringt die gesamte At-Regel, effektiv das Stylesheet zu reduzieren auf:

    Ein Block beginnt mit einer linken geschweiften Klammer (lt;) und endet mit dem passenden rechten geschweiften Klammer (gt;). Dazwischen kann es Zeichen lang sein, außer dass Klammern (()), Klammern ([]) und Klammern (lt; gt;) immer passende Paare auftreten und verschachtelt werden können. Einzel ( ‘) und doppelte Anführungszeichen (") Treten auch in passende Paare und Zeichen zwischen ihnen werden als String (siehe tokenizer in Anhang B für eine Definition von string) analysiert. Hier ist ein Beispiel eines Blocks; beachten Sie, dass die richtige Klammer zwischen den Anführungszeichen nicht die öffnende Klammer des Blocks entspricht, und dass die zweite Apostroph ist ein entflohener Charakter, und somit nicht die Öffnung Zitat passt:

    Ein Regelsatz besteht aus einem Selektor-String durch eine Erklärung-Block. Der Selektor-String besteht aus alles bis zum (jedoch nicht einschließlich) der erste linke geschweifte Klammer (lt;). Ein Regelsatz, der mit einem Selektor-String beginnt, die nicht gültig CSS1 ist übersprungen.

    Zum Beispiel kann ein CSS1 Parser Begegnungen dieses Stylesheet übernehmen:

    Die zweite Zeile enthält einen Selektor-String, der in CSS1 illegal ist. Die CSS1 UA wird die ruleset überspringen, um das Stylesheet zu reduzieren:

    Eine Erklärung-Block beginnt mit einer linken geschweiften Klammer (lt;) und endet mit dem passenden rechten geschweiften Klammer (gt;). Dazwischen gibt es eine Liste von null oder mehr Erklärungen, getrennt durch ein Semikolon (;).

    Eine Erklärung besteht aus einer Eigenschaft. ein Doppelpunkt (:) und einen Wert. Um jeden dieser bleibt Weiß. Eine Eigenschaft ist eine Kennung, wie zuvor definiert. Jeder Charakter kann im Wert auftreten, aber Klammern (()), Klammern ([]), Klammern (lt; gt;), einfache Anführungszeichen ( ‘) und doppelte Anführungszeichen (") Müssen in passende Paare kommen. Klammern, und Klammern können verschachtelt werden. Innerhalb der Anführungszeichen, werden die Zeichen als Zeichenfolge analysiert.

    Um sicherzustellen, dass neue Eigenschaften und neue Werte für bestehende Objekte können in der Zukunft hinzugefügt werden, muss ein UA eine Erklärung mit einem ungültigen Eigenschaftsnamen oder einen ungültigen Wert überspringen. Jede CSS1 Eigenschaft hat seine eigene syntaktische und semantische Beschränkungen für die Werte, die sie akzeptiert.

    Zum Beispiel kann ein CSS1 Parser Begegnungen dieses Stylesheet übernehmen:

    Die zweite Erklärung auf der ersten Zeile hat einen ungültigen Wert ’12pt’. Die zweite Erklärung auf der zweiten Zeile enthält eine nicht definierte Eigenschaft ‘font-Anbieter «. Der CSS1-Parser wird diese Erklärungen überspringen, um das Stylesheet zu reduzieren:

    Kommentare (siehe Abschnitt 1.7) kann überall auftreten, wo Leerzeichen auftreten können und werden Leerzeichen berücksichtigt. CSS1 definiert zusätzliche Orte, an denen Leerzeichen (wie innerhalb Werte) auftreten können und Kommentare werden auch dort gelassen.

    Die folgenden Regeln immer halten:

    • Alle CSS-Stylesheets sind Groß- und Kleinschreibung, mit Ausnahme der Teile, die nicht unter der Kontrolle von CSS sind. D. h in CSS1 kann Schriftfamilie Namen und URLs Groß- sein. Auch die Groß- und Kleinschreibung der Klasse und ID-Attribute ist unter der Kontrolle von HTML [2].
    • (-) In CSS1 Selektoren (Elementnamen, Klassen und IDs) können nur die Buchstaben A-Z, 0-9 und Unicode-Zeichen 161-255 plus Bindestrich enthalten; sie können nicht mit einem Bindestrich oder einer Ziffer beginnen; sie können auch maskierte Zeichen und jedes Unicode-Zeichen als Zahlencode (siehe nächster Punkt) enthalten.
    • die Backslash von höchstens vier hexadezimalen Ziffern (0..9A..F) steht für die Unicode-Zeichen mit dieser Zahl.
    • ein beliebiges Zeichen außer einer hexadezimalen Ziffer kann maskiert werden seine besondere Bedeutung zu entfernen, indem Sie einen umgekehrten Schrägstrich vor, Beispiel setzen: "\"" ist eine Zeichenfolge aus einem doppelten Anführungszeichen besteht.
    • die beiden vorhergehenden Elemente definieren Backslash-Fluchten. Aufkantung-Fluchten werden immer als Teil einer Kennung zu sein, außer innerhalb von Zeichenketten (d "\ 7B" ist nicht Interpunktion, obwohl "lt;" ist und "\ 32" wird zu Beginn eines Klassennamens erlaubt, obwohl "2" ist nicht).

    Hinweis: Das Attribut CLASS von HTML erlaubt mehr Zeichen in einem Klassennamen als der Satz für die Selektoren oben erlaubt. In CSS1 haben diese Zeichen als Unicode-Zahlen entkommen oder geschrieben werden: "B&W?" kann geschrieben werden als "B \&W \?" oder "B \ 26W \ 3F". "" (Griechisch: "kouros") Hat als geschrieben werden "\ 3BA \ 3BF \ 3C5 \ 3C1 \ 3BF \ 3C2". Es wird erwartet, dass in späteren Versionen von CSS mehr Zeichen direkt eingegeben werden können.

    Anhang B gibt eine Grammatik für CSS1.

    [2] "HTML 4.0 Spezifikation". D. Raggett, A. Le Hors, I. Jacobs, Dezember 1997. Erhältlich bei http://www.w3.org/TR/REC-html40/.

    [3] T Berners-Lee, D Connolly: "Hypertext Markup Language — 2.0", RFC 1866. MIT / W3C, November 1995. Die Spezifikation auch in Hypertext-Form zur Verfügung steht (http://www.w3.org/MarkUp/html-spec/html-spec_toc.html)

    [5] ISO 8879: 1986. Informationsverarbeitung — Text und Office Systems — Standard Generalized Markup Language (SGML)

    [6] ISO / IEC 10179: 1996 Informationstechnik — Verarbeitung Sprachen — Dokumentenstil Semantics und Specification Language (DSSSL).

    [8] Das Unicode-Konsortium, "Der Unicode-Standard — Weltweit Zeichenkodierung — Version 1.0", Addison-Wesley, Volume 1, 1991, Band 2, 1992.

    [10] CIE-Veröffentlichung 15,2-1.986, "Kolorimetrie, Second Edition ", ISBN 3-900-734-00-3 (http://www.hike.te.chiba-u.ac.jp/ikeda/CIE/publ/abst/15-2-86.html)

    [11] T Berners-Lee, L Masinter, M McCahill: "Uniform Resource Locators (URL)"RFC 1738 CERN, Xerox Corporation, University of Minnesota, Dezember 1994

    [15] S C Johnson: "YACC — Noch ein anderer Compiler Compiler", Technischer Bericht, Murray Hill, 1975

    [16] "Flex: Der lexikalische Scanner Generator", Version 2.3.7, ISBN 1882114213

    Während der kurzen Lebensdauer von HTML, gab es mehrere Stylesheet Vorschläge zu dem dieser Vorschlag verdankt. Vor allem die Vorschläge von Robert Raisch, Joe Englisch und Pei Wei waren einflussreich.

    Eine Reihe von Menschen haben zur Entwicklung von CSS1 beigetragen. Wir würden uns besonders danken: Terry Allen, Murray Altheim, Glenn Adams, Walter Bender, Tim Berners-Lee, Yves Bertot, Scott Bigham, Steve Byrne, Robert Cailliau, James Clark, Daniel Connolly, Donna Austausch, Adam Costello, Todd Fahrner Todd Freter, Roy Fielding, Neil Galarneau, Wayne Gramlich, Phill Hallam-Baker, Philipp Hoschka, Kevin Hughes, Scott Isaacs, Tony Jebson, William Johnston, Gilles Kahn, Philippe Kaplan, Phil Karlton, Evan Kirshenbaum, Yves Lafon, Murray Maloney , Lou Montulli, Colas Nahaboo, Henrik Frystyk Nielsen, David Perrell, William Perry, Scott Preece, Paul Prescod, Liam Quin, Vincent Quint, Jenny Raggett, Thomas Reardon, Cécile Roisin, Michael Seaton, David Seibert, David Siegel, David Singer, Benjamin Sittler, Jon Smirl, Charles Taylor Peyton, Irène Vatton, Daniel Veillard, Mandira Virmani, Greg Watkins, Mike Wexler, Lydja Williams, Brian Wilson, Chris Wilson, Lauren Holz und Stephen Zilles.

    Drei Menschen verdienen besondere Erwähnung: Dave Raggett (für seine Ermutigung und die Arbeit an HTML3), Chris Lilley (für seine weitere Beiträge, vor allem im Bereich der Farben und Schriftarten) und Steven Pemberton (für seine organisatorische sowie kreativen Fähigkeiten).

    (Dieser Anhang ist informativ, nicht normativ)

    Das folgende Stylesheet wird nach dem vorgeschlagenen Rendering in der 2.0 [3] Spezifikation HTML geschrieben. Einige Arten, z.B. Farben wurden auf Vollständigkeit gegeben. Es ist ähnlich dem, dass ein Stylesheet unten vorgeschlagen als UA Standard verwendet wird.

    (Dieser Anhang ist normativ)

    Die minimale CSS (das heißt jede Version von CSS) Grammatik, die alle Implementierungen unterstützen müssen in Abschnitt definiert ist 7. Die Grammatik definiert unten eine viel kleinere Sprache, eine Sprache, die die Syntax von CSS1 definiert.

    Es ist in gewisser Hinsicht jedoch noch eine Obermenge von CSS1: es zusätzliche semantische Einschränkungen nicht in dieser Grammatik ausgedrückt. Eine konforme UA muss auch den zukunfts kompatiblen Parsing-Regeln (Abschnitt 7.1), die Eigenschaft und den Wert Notation (Abschnitt 5) und die Einheit Notation (Abschnitt 6) einzuhalten. Darüber hinaus legt HTML-Einschränkungen, z.B. zu den möglichen Werten des CLASS-Attribut.

    Die Grammatik ist unten LL (1) (aber beachten Sie, dass die meisten UA sollte es nicht direkt verwenden, da es nicht die Parsing-Konventionen zum Ausdruck bringen, nur die CSS1 Syntax). Das Format der Produktionen für den menschlichen Verzehr und einige Kurznotation über yacc optimiert ist [15] verwendet wird:

    Die Produktionen sind:

    Im Folgenden ist der tokenizer, geschrieben in flex [16] Notation. Man beachte, dass unter Annahme einer 8-Bit-Implementierung von flex. Die tokenizer ist Groß- und Kleinschreibung (flex Befehlszeilenoption -i).

    (Dieser Anhang ist informativ, nicht normativ)

    HTML-Dokumente können durch Unicode definiert jede der etwa 30.000 verschiedene Zeichen enthalten. Viele Dokumente brauchen nur ein paar hundert. Viele Schriften enthalten auch nur ein paar hundert Glyphen. In Verbindung mit Abschnitt 5.2. In diesem Anhang wird erläutert, wie die Zeichen in dem Dokument und die Glyphen in einer Schrift abgestimmt sind.

    Der Inhalt eines HTML-Dokuments ist eine Folge von Figuren und Markup. Um es senden "über den Draht"Wird als eine Folge von Bytes codiert, eine von mehreren möglichen Verwendung Codierungen. Das HTML-Dokument muss decodiert, um die Zeichen zu finden. Zum Beispiel in Westeuropa ist es üblich, das Byte 224 für eine a-mit-Grab-Akzent zu verwenden (à), Aber in Hebräisch, ist es häufiger 224 für einen Aleph zu verwenden. Japanisch, hängt die Bedeutung eines Bytes in der Regel auf den Bytes, die ihr vorausging. In einigen Kodierungen ist ein Zeichen als zwei (oder mehr) Bytes codiert.

    Die UA weiß, wie die Bytes zu entschlüsseln, indem man die Suche "charset" Parameter in der HTTP-Header. Typische Kodierungen (charset-Werte) sind "ASCII" (für Englisch), "ISO-8859-1" (Für Westeuropa), "ISO-8859-8" (Für Hebräisch), "Shift-JIS" (Für Japanisch).

    HTML [2] [4]. ermöglicht es rund 30.000 verschiedene Zeichen, nämlich durch Unicode definiert diese. Nicht viele Dokumente verwenden, dass viele verschiedene Charaktere und die richtige Codierung der Wahl wird in der Regel sicher, dass das Dokument muss nur ein Byte pro Zeichen. Gelegentliche Zeichen außerhalb des codierten Bereich noch als numerische Zeichenreferenzen eingegeben werden: ‘ » bedeuten immer die griechischen Groß Pi, unabhängig davon, welche Codierung verwendet wurde. Beachten Sie, dass dies zur Folge, dass UAs für alle Unicode-Zeichen vorbereitet werden müssen, auch wenn sie nur ein paar Kodierungen umgehen.

    Eine Schrift enthält keine Figuren. es enthält Bilder von Zeichen, bekannt als Glyphen. Die Glyphen in Form von Umrissen oder Bitmaps, bilden eine bestimmte Darstellung eines Zeichens. Entweder explizit oder implizit, jede Schriftart hat mit ihm eine Tabelle zugeordnet, die Schriftart Codiertabelle. das sagt für jede Glyphe, welche Zeichen es ist eine Darstellung für. In Type 1-Schriftarten, wird die Tabelle als eine bezeichnet Codierung Vektor.

    Tatsächlich enthalten viele Schriftarten mehrere Glyphen für den gleichen Charakter. Welche dieser Glyphen sollte entweder verwendet werden, hängt von den Regeln der Sprache, oder auf der Vorliebe des Designers.

    In Arabisch, zum Beispiel, haben alle Buchstaben vier verschiedene Formen, je nachdem, ob der Buchstabe am Anfang eines Wortes verwendet wird, in der Mitte, am Ende oder in der Isolation. Es ist dasselbe Zeichen in allen Fällen, und somit gibt es nur ein Zeichen in dem HTML-Dokument, aber, wenn es gedruckt, sieht es jedes Mal anders.

    Es gibt auch Schriften, die es dem Grafikdesigner verlassen aus verschiedenen alternativen Formen zur Verfügung gestellt zu wählen. Leider hat CSS1 noch nicht die Möglichkeit bieten, diese Alternativen zu wählen. Derzeit ist es immer die Standardform, die aus solchen Schriftarten ausgewählt wird.

    Um mit dem Problem, dass eine einzelne Schriftart möglicherweise nicht genug sein, alle in einem Dokument, das die Zeichen angezeigt werden, oder auch nur ein einziges Element, ermöglicht die Verwendung von CSS1 Schriftsätze.

    Eine Schrift in CSS1 Satz ist eine Liste der Schriftarten alle von der gleichen Art und Größe, die in der Folge versucht, um zu sehen, ob sie eine Glyphe für ein bestimmtes Zeichen enthalten. Ein Element, das englische Text mit mathematischen Symbolen gemischt enthält, kann eine Schriftart Satz von zwei Schriftarten benötigen, eine mit Buchstaben und Ziffern, die andere mit mathematischen Symbolen. Abschnitt 5.2 für eine detaillierte Beschreibung des Auswahlmechanismus für die Schriftsätze zu sehen.

    Hier ist ein Beispiel einer Schriftart gesetzt geeignet für einen Text, der erwartet wird, um Text mit lateinischen Buchstaben zu enthalten, japanische Schriftzeichen und mathematische Symbole:

    Die verfügbaren Zeichen im Baskerville-Schrift (einer Schrift mit nur lateinische Zeichen) wird von dieser Schrift entnommen werden, wird Japaner von Mincho genommen werden, und die mathematischen Symbole von Symbol wird kommen. Alle anderen Zeichen werden (hoffentlich) kommen aus dem generischen Schriftfamilie ‘serif’. Die ‘serif’ Schriftfamilie wird auch verwendet werden, wenn eine oder mehrere der anderen Schriftarten nicht verfügbar ist.

    (Dieser Anhang ist informativ, nicht normativ)

    Sehen Sie sich die Gamma-Tutorial in der PNG-Spezifikation [12], wenn Sie nicht bereits mit Gamma-Themen sind.

    Bei der Berechnung UAS auf einem CRT-Anzeige kann eine ideale CRT und ignorieren alle Auswirkungen auf die scheinbare Gamma verursacht übernehmen durch Dithering. Das bedeutet, dass die minimale Handhabung sie auf aktuellen Plattformen tun müssen, ist: PC mit MS-Windows-keine Unix mit X11 keine Mac QuickDraw mit anwenden Gamma 1,39 [13] (ColorSync-fähige Anwendungen können einfach das sRGB ICC-Profil übergeben [14] zu ColorSync korrekte Farbkorrektur) SGI mit X gelten den Gamma-Wert auszuführen aus /etc/config/system.glGammaVal (Der Standardwert ist 1,70; Anwendungen auf IRIX 6.2 oder höher kann einfach das sRGB ICC-Profil mit dem Farbmanagementsystem übergeben) NeXT mit Nextstep Gamma anwenden 2.22

    "Anwenden von Gamma" bedeutet, dass jede der drei R, G und B zu R ‘= R gamma umgewandelt werden müssen. G ‘= G Gamma. B ‘= B Gamma. bevor Sie mit dem OS übergeben.

    Dies kann schnell durch den Bau eines 256-Element-Lookup-Tabelle einmal so pro Browseraufruf erfolgen:

    die dann vermeidet jede Notwendigkeit zu tun, transzendentale Mathematik pro Farbattribut, weit weniger pro Pixel.

    (Dieser Anhang ist informativ, nicht normativ)

    Das Ziel der Arbeit auf CSS1 wurde für HTML-Dokumente ein einfaches Stylesheet-Mechanismus zu schaffen. Die aktuelle Spezifikation ist ein Gleichgewicht zwischen der Einfachheit, die im Internet zu realisieren Stylesheets erforderlich, und der Druck von den Autoren für reichere visuelle Kontrolle. CSS1 bietet:

    • visuellen Auszeichnungs Ersatz: HTML-Erweiterungen, zum Beispiel "CENTER". "SCHRIFTART" und "SPACER", Lassen sich leicht mit CSS1 Style Sheets ersetzt.
    • schönere Markup: anstelle von "SCHRIFTART" Elemente der beliebten Small Caps Stil zu erreichen, in dem Stylesheet eine Erklärung ist ausreichend. Vergleichen Sie die visuelle Markup:

    mit dem Stylesheet:

  • verschiedene Integrationsstufen: CSS1 Style-Regeln können von externen Stylesheets geholt werden, in der «STYLE» Element enthalten, oder in den «Stil» Attribute. Die zweite Option bietet einen einfachen Übergang von HTML-Erweiterungen.
  • neue Effekte: einige neue visuelle Effekte hinzugefügt, um Benutzern neue Spielzeug zu bieten. Die typografischen Pseudo-Elemente und die zusätzlichen Werte auf dem Hintergrund Eigentum fallen in diese Kategorie.
  • Skalierbarkeit: CSS1 wird auf Geräte nützlich sein, im Bereich von Textterminals hochauflösende Farb Workstations. Autoren können ein Stylesheet schreiben und einigermaßen sicher sein, dass die beabsichtigte Art in der bestmöglichen Art und Weise begegnet werden.
  • CSS1 nicht bieten:

    • pro Pixel-Steuerung: CSS1 Werte Einfachheit über Maß an Kontrolle, und obwohl die Kombination von Hintergrundbildern und gestylt HTML mächtig ist, die Kontrolle auf Pixelebene ist nicht möglich.
    • Autor Kontrolle: Der Autor kann die Verwendung eines bestimmten Blatt erzwingen, nur vorschlagen
    • eine Layout-Sprache: CSS1 mehrere Spalten mit Text-Flow nicht bieten, überlappende Rahmen etc.
    • eine reiche Abfragesprache auf der Parsing-Baum: CSS1 kann für Ahnen Elemente in der Parsing-Baum sehen nur, während andere Stylesheet-Sprachen (z DSSSL- [6]) eine vollständige Abfragesprache bietet.

    Wir erwarten, dass Erweiterungen von CSS in verschiedene Richtungen, um zu sehen:

    • Papier: eine bessere Unterstützung für das Drucken von HTML-Dokumenten
    • Unterstützung für nicht-visuelle Medien: Arbeit ist dabei, eine Liste von Eigenschaften und entsprechenden Werte hinzufügen Sprache und Braille-Ausgabe zu unterstützen
    • Farbnamen: die derzeit unterstützten Liste erweitert werden kann,
    • Fonts: präzisere Schriftart wie Systeme werden voraussichtlich bestehenden CSS1 Schrifteigenschaften zu ergänzen.
    • Werte, Eigenschaften: Wir erwarten, dass Anbieter Erweiterungen der CSS1 Reihe von Werten und Eigenschaften vorzuschlagen. in dieser Richtung erstreckt, ist für die Spezifikation trivial, aber die Interoperabilität zwischen verschiedenen UAs ist ein Anliegen
    • Layout-Sprache: Unterstützung für zweidimensionale Layout in der Tradition von Desktop-Publishing-Pakete.
    • andere DTDs: CSS1 einige HTML-spezifischen Teilen hat (zum Beispiel der besondere Status der «Klasse» und «ID» Attribute), aber leicht erweitert werden sollte auch auf andere DTDs anzuwenden.

    Wir erwarten nicht, CSS in sich zu entwickeln:

    • eine Programmiersprache

    (Dieser Anhang ist informativ, nicht normativ)

    Dieses Dokument ist eine überarbeitete Version der CSS1 Empfehlung die ersten 17. Dezember 1996 veröffentlicht wurde und die Liste unten beschreibt alle Änderungen. Durch den alternativen Stylesheet-Auswahl "errata", Werden alle Änderungen hervorgehoben angezeigt.

    Wir möchten Komachi Yushi, Steve Byrne, Liam Quinn, Kazuteru Okahashi, Susan Lesch und Tantek danken Çelik für ihre Hilfe in dieser überarbeiteten Auflage vor.

    Rechtschreibung und typographische Fehler

    • typo1 [Abschnitt 1.1] Der Satz: Wie als Ergebnis, alte UAs wird das «STYLE» Element ignorieren, aber ihr Inhalt wird als Teil des Dokumentenkörper behandelt werden, und als solche wiedergegeben.

    wurde geändert, um: als solche Im Ergebnis wird ignorieren alte UAs die «STYLE» Element, aber ihr Inhalt wird als Teil des Dokumentenkörper behandelt werden, und gerendert.

  • typo2 [Abschnitt 1.6] Der Satz: Die zweite Auswahlspiele Spiele alle ‘H1’ Elemente, die ein Vorfahr der Klasse ‘rötlich’ haben.
    wurde geändert: Der zweite Selektor passt alle Elemente ‘H1’, die ein Vorfahr der Klasse ‘rötlich’ haben.
  • typo3 [Abschnitt 2.1] Der Satz: Z. B. ein Blatt Stil kann gesetzlich festlegen, dass die ‘font-size’ eines «aktiven» Link, der ein ‘besucht’ Link größer sein sollte, aber der UA ist nicht dynamisch formatieren Sie das Dokument dann erforderlich, wenn der Leser die ‘besucht’ Link auswählt.
    Z. B.: wurde geändert ein Blatt Stil kann gesetzlich festlegen, dass die ‘font-size’ eines «aktiven» Link größer sein sollte als eine «besucht» Link, aber der UA ist nicht dynamisch formatieren Sie das Dokument dann erforderlich, wenn der Leser die ‘besucht’ Link auswählt.
  • typo4. TYPO5 [Abschnitt 2.3-2.4] Ein Schlepp Anführungszeichen auf ‘vertical-align’ hinzugefügt.
  • typo6 [Abschnitt 4] Eine fehlende rechte Klammer wurde hinzugefügt.
  • typo7 [Abschnitt 4.1] Eine fehlende Komma wurde hinzugefügt.
  • typo8 [Abschnitt 4.1.2] Der Text: "Wenn mehr als eine der drei ist «Auto», und einer von ihnen ist ‘width’, als die anderen. "
    wurde geändert, um: "Wenn mehr als eine der drei ist «Auto», und einer von ihnen ist ‘width’, dann die anderen. "
  • typo9 [Abschnitt 5.3.6] Das Wort "Beispiele" wurde aktiviert.
  • typo10 [Abschnitt 5.4.4] Ein Unternehmen Irre korrigiert gegangen ist (aus "lt; Länge&t;" nach "lt; lengthgt;").
  • typo11 [Abschnitt 5.5] Der Text: Die Marge Eigenschaften Eigenschaften stellen Sie den Rand eines Elements.
    Die Marge Eigenschaften stellen Sie den Rand eines Elements: wurde geändert.
  • typo12 [Abschnitt 5.5.25] Überflüssig Anführungszeichen wurden entfernt.
  • Fehler

    • error1 [Abschnitt 2.3] Eine zuvor ungültige Deklaration (font-style: Small Caps) hat durch eine wirksame ersetzt.
    • error2 [Abschnitt 4] Dieser Satz: CSS1 nimmt eine einfache Box orientierte Formatierung Modell, bei dem jedes Element Ergebnisse in einem oder mehreren rechteckigen Kästen.

    eine einfache kastenorientierte Formatierungsmodell geht davon aus, wo jedes formatierte Element Ergebnisse in eine oder mehrere rechteckige Kästen CSS1: wurde mit ersetzt.

  • error3 [Abschnitt 4.1] In diesem Satz: Die Oberseite ist die Oberseite des Objektes einschließlich der Polsterung, Grenze und Marge; es ist nur für die Inline-und Schwimmelemente definiert, nicht für Nicht-Floating-Block-Elemente.
    das Wort "Objekt" wurde ersetzt durch "Element" konsistente Terminologie zu verwenden.
  • error4 [Abschnitt 4.1.3] Die Ausrichtung der Listenelemente wurde korrigiert.
  • error5 [Abschnitt 4.1.4] Es gibt nur ein P-Element in dem Beispiel, und dieser Satz: Beachten Sie, dass der Rand der ‘P’ Elemente umschließen das schwebende ‘IMG’ Element.
    deshalb wurde korrigiert: Beachten Sie, dass der Rand des ‘P’ Element des schwebenden ‘IMG’ Element umschließen.
  • error6. error7 [Abschnitt 4.5] Die Fenstergröße kann nur eine Achse der Leinwand beeinflussen, entweder die Breite oder die Höhe.
  • error8 [5.4.1] Der Text in der Klammer bezieht sich nun auf eine CSS1-Eigenschaft.
  • error9 [5.4.1] mit dem folgenden Absatz zu entsprechen, hat das Beispiel korrigiert.
  • Error10 [Abschnitt 5.4.8] Der Abschnitt "Die Höhe der Linien" wird nun korrekt als Abschnitt 4.4, nicht 4.7 identifiziert.
  • error11 [Abschnitt 5.5] Dieser Satz: Die «Marge» Eigenschaft setzt die Grenze für alle vier Seiten, während die anderen Randeigenschaften nur ihre jeweiligen Seite eingestellt.
    wurde korrigiert: Die «Marge» Eigenschaft setzt für alle vier Seiten den Rand, während die anderen Randeigenschaften nur ihre jeweiligen Seite eingestellt.
  • error12. error13. error14. error15. error16. error17. error18. error19. error20. error22 [Abschnitt 5.5.1-5.5.10] Prozentwerte beziehen sich auf die Breite des nächsten Blockebene Vorfahren, nicht das übergeordnete Element (die Inline sein kann), wie zuvor angegeben.
  • error21 [Abschnitt 5.5.10] Stenografie Eigenschaften haben keine Anfangswerte und die zuvor festgelegten ‘0’ hat daher korrigiert.
  • error23 [Abschnitt 5.5.15] Die letzte Regel im Beispiel enthielt zuvor einen unzulässigen Wert ( ‘none’).
  • error24 [Abschnitt 5.6.6] Der Wert Spezifikation auf der ‘list-style’ Eigenschaft war korrigiert worden ist, aber es gibt keine syntaktische oder semantische Änderungen.
  • error25 [Abschnitt 7.1] Die numerischen Zeichenreferenzen verwendet, um das griechische Wort zu codieren "kouros" wurden korrigiert.
  • error26 [Anhang A] Diese Elementtypen wurden in die Liste der Selektoren hinzugefügt an der «display: block ‘Erklärung: FORM DL.
  • error27 [Anhang B] Ein toter Link zu Abschnitt 7 wurde behoben.
  • error28 [Anhang D] Dieser Text: "Anwenden von Gamma" bedeutet, dass jede der drei R, G und B zu R ‘= R gamma umgewandelt werden müssen. G ‘= G Gamma. G ‘= B Gamma. bevor Sie mit dem OS übergeben.

    wurde geändert, um: "Anwenden von Gamma" bedeutet, dass jede der drei R, G und B zu R ‘= R gamma umgewandelt werden müssen. G ‘= G Gamma. B ‘= B Gamma. bevor Sie mit dem OS übergeben.

  • Struktur und Organisation

    • Anhang F, die alle Änderungen seit dem 17. Dezember 1996 Version aufgeführt wurde hinzugefügt.
    • Ein Absatz im Statusbereich wurde hinzugefügt Leser zu informieren, dass dies eine überarbeitete Version ist.
    • Das Stylesheet hat sich geändert.
    • Der Hinweis auf eine zukünftige HTML-Spezifikation mit Unterstützung für Stylesheets wurde aktualisiert, HTML 4.0 zu verweisen.
    • URLs in den Referenzen aktualisiert wurden, und tote Links entfernt wurden.
    • Die zugrunde liegende HTML-Markup wurde überarbeitet.

    ZUSAMMENHÄNGENDE POSTS

    • Alles, was Sie schon immer wollten zu …

      Alles, was Sie schon immer über Ihr Haustier Urin wissen Manchmal, wenn mir etwas so vertraut ist, nehme ich an falsch es anderen vertraut ist. Insbesondere dann, wenn ich meinen Kunden über…

    • Bau und Betrieb von einem Gewächshaus …

      Der Aufbau und eine Betriebs Gewächshaus in USDA Zone Vier von Stuart Culp — Zum Vergrößern klicken Wie es angefangen hat Jeder gestartet wird im Gewächshaus Hobby in einer anderen Art und…

    • CDC — Zahnbürsten — Fact Sheets …

      Die Verwendung und Handhabung von Zahnbürsten Infektionskontrolle Zahn mit einer fluoridhaltigen Zahnpasta ist eine einfache, allgemein empfohlen und weithin praktizierte Methode der für die…

    • Hausstaubmilben alles, was man …

      Hausstaubmilben sind Mikroskop Fehler, die in erster Linie leben auf tote Hautzellen regelmäßig Schuppen von den Menschen und ihren tierischen Haustiere. Hausstaubmilben sind in der Regel…

    • Detox mit einem Salzwasserspülung …

      Entgiften Sie Ihren Körper auf natürliche Weise # 8211; Salt Water Flush Wusstest du schon # 8230; dass ein Salzwasserspülung hat eine überlegene (und preiswert) Job Ihren Darm als eine…

    • Alles, was Sie kennen müssen … 8

      Alles was Sie über Hip Verletzungen wissen Jim Brown 29. Juni 2009 Überblick Ihre Hüften sind stark und stabil, wenn sie gesund, aber Verletzungen und bestimmte Bedingungen, wie Arthrose und…