Herstellerspezifische Eigenschaften

Lieferantenspezifische CSS-Eigenschaften: ein notwendiges Übel?

Browserentwickler (Anbieter) erweitern häufig die CSS -Spezifikationen mit proprietären Eigenschaften. Diese Erweiterungen dienen verschiedenen Zwecken, einschließlich des Hinzufügens neuer Merkmale, Durchführung von Experimenten und Erleichterung der Tests von Merkmalen,

Um Konflikte mit vorhandenen oder zukünftigen Standard -CSS -Eigenschaften zu vermeiden, wird eine bestimmte Namenskonvention verwendet. Herstellerspezifische Eigenschaften und Schlüsselwörter müssen entweder mit einem Bindestrich (

) oder einem Unterstrich (-) beginnen. Das empfohlene Format lautet: _

<code>'-' + vendor specific identifier + '-' + meaningful name

'_' + vendor specific identifier + '-' + meaningful name</code>

Diese Konvention sorgt für die Kompatibilität, da Standard -CSS -Eigenschaften niemals mit einem Bindestrich oder einem Unterstrich beginnen. Während dies Konflikte minimiert, sind die näherjährigen Erweiterungen nicht Teil der offiziellen CSS-Spezifikationen und sich ändern. Daher sollte ihre Verwendung minimiert werden.

Tabelle 1: Gemeinsame Anbieter -Präfixe

Vorsicht: Obwohl es unwahrscheinlich ist, dass Konflikte verursacht werden können, können sich anhand von Lieferantenspezifische Erweiterungen ohne vorherige Ankündigung ändern. Sie werden auch keine CSS -Validierung bestehen. Priorisieren Sie die Standard -CSS -Eigenschaften, wann immer möglich. Wenn eine Erweiterung erforderlich ist, wählen Sie eine genau spiegeln eine Standardeigenschaft, um einen reibungslosen Übergang zum Standard zu erleichtern, sobald dies verfügbar ist.

Beispiel: Die opacity Eigenschaft

Vor der weit verbreiteten CSS3-Unterstützung verwendeten die Entwickler anhand von Lieferanten-spezifische Erweiterungen für opacity. Dieses Beispiel zeigt einen gemeinsamen Ansatz:

<code>'-' + vendor specific identifier + '-' + meaningful name

'_' + vendor specific identifier + '-' + meaningful name</code>

Diese Technik sorgte für die Kompatibilität über verschiedene Browser, wobei jeder Browser die entsprechende Eigenschaft auswählte. Selbst nachdem Browser die Standard -Eigenschaft übernommen hatten, blieb dieser Ansatz funktional. Beachten Sie, dass die Eigenschaft Internet Explorer opacity eine nicht standardmäßige Ausnahme ist. filter

Schlussfolgerung:

Lieferantenspezifische Eigenschaften können hilfreich sein, um Kompatibilitätslücken zu testen und zu überbrücken, sind jedoch nicht ideal für langfristige Lösungen. Bevorzugt immer Standard -CSS -Eigenschaften. Verwenden Sie die Präfixe der Hersteller sparsam und nur, wenn sie unbedingt erforderlich sind, und denken Sie daran, dass sie nicht gut dokumentiert sind und sich unerwartet ändern können. Siehe Ressourcen wie kann ich für Browser -Kompatibilitätsinformationen verwenden.

Das obige ist der detaillierte Inhalt vonHerstellerspezifische Eigenschaften. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!