Extends the rendering pipeline to prepend stylesheet(s) for a component. It will be added to either the start of the shadow root if one exists, or scoped and added once in the head.
Using the following syntax:
<component-namecss="styles.css">A style tag with the CSS styles from the specified resource (ripple('styles.css')) will be added to the beginning of the shadow root.
<component-namecss="styles.css">
#shadow-root
<styleresource="styles.css">/* ... */</style>If there is no shadow, the styles will scoped and added to the end of the document head. The style tags are deduped so there will only be one for each specfic CSS resource in use.
Multiple CSS modules are also possible:
<component-namecss="component-styles.css fa-circle.css fa-square.css">
#shadow-root
<styleresource="component-styles.css">/* ... */</style><styleresource="fa-circle.css">/* ... */</style><styleresource="fa-square.css">/* ... */</style>