# createShadowRoot method

1. @SupportedBrowser(SupportedBrowser.CHROME, '25')

ShadowRoot createShadowRoot ()
@SupportedBrowser(SupportedBrowser.CHROME, '25')

Creates a new shadow root for this shadow host.

## Other resources

- Shadow DOM 101 from HTML5Rocks.
- Shadow DOM specification from W3C.

## Implementation

    @SupportedBrowser(SupportedBrowser.CHROME, '25')
    ShadowRoot createShadowRoot() {
      return JS(
          'ShadowRoot',
          '(#.createShadowRoot || #.webkitCreateShadowRoot).call(#)',
          this,
          this,
          this);
    }