GM addStyle: Difference between revisions
From GreaseSpot Wiki
Jump to navigationJump to search
m Text replace - "{{Good samp |1=<pre style="border: none; margin: inherit;">" to "<pre class='sample-good'>" |
m Text replace - "</pre>}}" to "</pre>" |
||
| Line 33: | Line 33: | ||
<pre class='sample'> | <pre class='sample'> | ||
GM_addStyle("body { color: white; background-color: black } img { border: 0 }"); | GM_addStyle("body { color: white; background-color: black } img { border: 0 }"); | ||
</pre> | </pre> | ||
Spanned over multiple lines using E4X: | Spanned over multiple lines using E4X: | ||
| Line 42: | Line 42: | ||
.footer { width: 875px; } | .footer { width: 875px; } | ||
]]></>.toString()); | ]]></>.toString()); | ||
</pre> | </pre> | ||
Spanned over multiple lines using line continuation character. | Spanned over multiple lines using line continuation character. | ||
| Line 49: | Line 49: | ||
img { border: 0 }\ | img { border: 0 }\ | ||
.footer { width: 875px; }"); | .footer { width: 875px; }"); | ||
</pre> | </pre> | ||
== Notes == | == Notes == | ||
Revision as of 21:59, 3 February 2010
Description
This API method adds a string of CSS to the document.
It creates a new <style> element, adds the given CSS to it, and inserts it into the <head>.
Syntax
GM_addStyle( css )
- Value: Function
- Returns: undefined
- Compatibility: Greasemonkey 0.6.1+
Parameters Properties css
- All properties are optional except css.
Properties
css
- Value: String
- Usage:
css = "body { color:red }";
Examples
GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
Spanned over multiple lines using E4X:
GM_addStyle(<><![CDATA[
body { color: white; background-color: black }
img { border: 0 }
.footer { width: 875px; }
]]></>.toString());
Spanned over multiple lines using line continuation character.
GM_addStyle("body { color: white; background-color: black }\
img { border: 0 }\
.footer { width: 875px; }");
Notes
Add !important at the end of the code to override an existing value.
