@document

von 1 Mitwirkenden:

Dies ist eine experimentelle Technologie
Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

Übersicht

Die @document Regel macht URL-Spezifische Stylesheets möglich. Die Styles treffen nur dann ein, wenn die Bedingungen in der regel erfüllt sind.

Der Hauptnutzen liegt beim benutzerdefinierten Gestalten von Webseiten, aber auch Webentwickler können die Regel verwenden.

Die möglichen Bedingungen sind:

  • url() für eine exakte URL
  • url-prefix(), für den Anfang einer URL
  • domain(), für eine Top-Level-Domain
  • regexp(), für einen Regulären Ausdruck

Syntax

Die Werte in den url(), url-prefix(), oder domain() können optional auch zwischen Gänsefüsschen geschrieben werden. Der Wert in regexp() muss zwingend in Gänsefüsschen stehen.

Maskierte Zeichen in regexp() Mussen zusätzlich für CSS maskiert werden. Zum Beispiel ein Punkt (.)  steht für ein einzelnes beliebiges Zeichen. Um ihr als Zeichen zu verwenden, muss man ihn mit \ maskieren (\.). Nun muss das ganze nochmal für CSS maskiert werden (\\.).

Beispiele

@document url(http://www.w3.org/),
               url-prefix(http://www.w3.org/Style/),
               domain(mozilla.org),
               regexp("https:.*")
{
  /* CSS rules here apply to:
     + The page "http://www.w3.org/".
     + Any page whose URL begins with "http://www.w3.org/Style/"
     + Any page whose URL's host is "mozilla.org" or ends with
       ".mozilla.org"
     + Any page whose URL starts with "https:" */

  /* make the above-mentioned pages really ugly */
  body { color: purple; background: yellow; }
}

Spezifikation

Initially in CSS Conditional Rules Module Level 3, @document has been postponed to the level 4.

Browser Kompatibilität

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support Not supported 1.5 (1.8) -moz Not supported Not supported Not supported
regexp() Not supported 6.0 (6.0) -moz Not supported Not supported Not supported
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?
regexp() Not supported Not supported ? Not supported Not supported Not supported

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: SJW
Zuletzt aktualisiert von: SJW,
Seitenleiste ausblenden