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