Asset.css ViewHelper <f:asset.css>¶
CssViewHelper
Examples¶
<f:asset.css identifier="identifier123" href="EXT:my_ext/Resources/Public/Css/foo.css" />
<f:asset.css identifier="identifier123">
.foo { color: black; }
</f:asset.css>
Source code¶
Go to the source code of this ViewHelper: CssViewHelper.php (GitHub).
Arguments¶
The following arguments are available for <f:asset.css>:
-
additionalAttributes¶ -
- Type
- mixed
Additional tag attributes. They will be added directly to the resulting HTML tag.
-
data¶ -
- Type
- mixed
Additional data-* attributes. They will each be added with a "data-" prefix.
-
aria¶ -
- Type
- mixed
Additional aria-* attributes. They will each be added with a "aria-" prefix.
-
class¶ -
- Type
- string
CSS class(es) for this element
-
dir¶ -
- Type
- string
Text direction for this HTML element. Allowed strings: "ltr" (left to right), "rtl" (right to left)
-
id¶ -
- Type
- string
Unique (in this file) identifier for this HTML element.
-
lang¶ -
- Type
- string
Language for this element. Use short names specified in RFC 1766
-
style¶ -
- Type
- string
Individual CSS styles for this element
-
title¶ -
- Type
- string
Tooltip text of element
-
accesskey¶ -
- Type
- string
Keyboard shortcut to access this element
-
tabindex¶ -
- Type
- integer
Specifies the tab order of this element
-
onclick¶ -
- Type
- string
JavaScript evaluated for the onclick event
-
as¶ -
- Type
- string
Define the type of content being loaded (For rel="preload" or rel="prefetch" only).
-
crossorigin¶ -
- Type
- string
Define how to handle crossorigin requests.
-
disabled¶ -
- Type
- boolean
Define whether or not the described stylesheet should be loaded and applied to the document.
-
href¶ -
- Type
- string
Define the URL of the resource (absolute or relative).
-
hreflang¶ -
- Type
- string
Define the language of the resource (Only to be used if 'href' is set).
-
importance¶ -
- Type
- string
Define the relative fetch priority of the resource.
-
integrity¶ -
- Type
- string
Define base64-encoded cryptographic hash of the resource that allows browsers to verify what they fetch.
-
media¶ -
- Type
- string
Define which media type the resources applies to.
-
referrerpolicy¶ -
- Type
- string
Define which referrer is sent when fetching the resource.
-
rel¶ -
- Type
- string
Define the relationship of the target object to the link object.
-
sizes¶ -
- Type
- string
Define the icon size of the resource.
-
type¶ -
- Type
- string
Define the MIME type (usually 'text/css').
-
nonce¶ -
- Type
- string
Define a cryptographic nonce (number used once) used to whitelist inline styles in a style-src Content-Security-Policy.
-
identifier¶ -
- Type
- string
- Required
true
Use this identifier within templates to only inject your CSS once, even though it is added multiple times.
-
priority¶ -
- Type
- boolean
Define whether the CSS should be included before other CSS. CSS will always be output in the <head> tag.