CSS | regla @documento

La regla CSS @document se utiliza para mantener la restricción de los estilos en una página o conjunto de páginas. Esta regla crea los estilos para URL específicas, supongamos que el usuario incluye 10 URL en una página y quiere diseñar cada una de ellas de manera diferente, entonces esta regla podría ser la carta de triunfo. La regla @document define la regla de estilos para cada página de URL de manera diferente a como la defina.
Sintaxis: 
 

@document url("") {
    // Style your defined URLs page
}

Funciones: 
 

• url(): esta función contiene la URL donde se aplican los estilos.
• url-prefix(): esta función puede contener más de una URL donde los estilos únicos son aplicables para varias páginas.
• dominio(): esta función contiene el nombre de dominio, cualquiera que sea el estilo con este atributo, ese estilo se aplicará en todas las URL bajo ese dominio.
• regexp(): esta función contiene los documentos que usan expresiones regulares.

Los siguientes ejemplos ilustran la regla @Document :
Ejemplo 1: Los estilos definidos en este ejemplo se aplicarán a la URL, el dominio y la expresión regular mencionados. 
 

<style>
@document url("https://auth.geeksforgeeks.org/user/skyridetim/articles"),
url-prefix("https://www.geeksforgeeks.org/"),
domain("html.comm"),
regexp("https:.*") {
    body {
        background-color: brown;
        font-size: 18px;
    }
    h1 {
        color: green;
        background: white;
    }
}
</style>

Navegadores compatibles: los navegadores compatibles con la propiedad de regla CSS @document se enumeran a continuación: 
 

• Google Chrome
• explorador de Internet
• Firefox
• Safari
• Ópera