GM addStyle: Difference between revisions
From GreaseSpot Wiki
Jump to navigationJump to search
m (Text replace - "{{Samp |1=<pre style="border: none; margin: inherit;">" to "<pre class='sample'>") |
m (Text replace - "{{Good samp |1=<pre style="border: none; margin: inherit;">" to "<pre class='sample-good'>") |
||
| Line 36: | Line 36: | ||
Spanned over multiple lines using E4X: | Spanned over multiple lines using E4X: | ||
<pre class='sample-good'> | |||
GM_addStyle(<><![CDATA[ | GM_addStyle(<><![CDATA[ | ||
body { color: white; background-color: black } | body { color: white; background-color: black } | ||
| Line 45: | Line 45: | ||
Spanned over multiple lines using line continuation character. | Spanned over multiple lines using line continuation character. | ||
<pre class='sample-good'> | |||
GM_addStyle("body { color: white; background-color: black }\ | GM_addStyle("body { color: white; background-color: black }\ | ||
img { border: 0 }\ | img { border: 0 }\ | ||
Revision as of 21:58, 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.
