RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://webplatform.github.io/docs/apis/css-regions/CSSRegionStyleRule below:

CSSRegionStyleRule · WebPlatform Docs

CSSRegionStyleRule Summary

Represents an @region rule in a CSS style sheet, which applies styles to fragments of content that flow into a CSS region.

Inherits from CSSRule CSSRule

Properties

No properties.

Methods

No methods.

Events

No events.

Inherited from CSSRule Properties

cssText: Gets or sets a textual representation of a CSS rule.

parentStyleSheet
:

type
:

Methods

No methods.

Events

No events.

Examples

Starting with this CSS…

@region div.region {
    p {
    color: #fff;
        background-color: #000;
    }
}

Narrow the scope of the first rule within the @region to the first paragraph, and modify its background color


rule = document.styleSheets[0].cssRules[0];


rule.cssRules[0].selectorText = 'article > p:first-of-type';


rule.cssRules[0].style.backgroundColor = '#777';


console.log(rule.cssRules[0].cssText);


console.log(rule.cssText);

The cssText above now dynamically reflects these altered values:

@region div.region {
    p:first-of-type {
    color: #fff;
        background-color: #777;
    }
}

Related specifications

CSS Regions Module Level 1: W3C Working Draft 23 August 2012