GM addStyle: Difference between revisions

From GreaseSpot Wiki
Jump to navigationJump to search
Adding multiple line css example
Marti (talk | contribs)
m →‎Examples: Changed from Core to Good... formatting for wiki standard (no tab char and indentation symmetry)... sb
Line 37: Line 37:


== Examples ==
== Examples ==
Single line:
{{Core samp |1=<pre style="border: none; margin: inherit;">
{{Core samp |1=<pre style="border: none; margin: inherit;">
GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
</pre>}}
</pre>}}
Multiple lines:
 
{{Core samp |1=<pre style="border: none; margin: inherit;">
Spanned over multiple lines using E4X:
{{Good samp |1=<pre style="border: none; margin: inherit;">
GM_addStyle((<><![CDATA[
GM_addStyle((<><![CDATA[
body { color: white; background-color: black }
  body { color: white; background-color: black }
img { border: 0 }
  img { border: 0 }
.footer {width:875px;}
  .footer { width: 875px; }
]]></>).toString());
]]></>).toString());
</pre>}}
</pre>}}

Revision as of 00:33, 31 August 2009

Template:Underscore


Greasemonkey Manual
Using Greasemonkey
Installing Scripts
Monkey Menu
Getting Help
User Script Authoring
Editing
Environment
API

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>.

Examples | Notes

Syntax

GM_addStyle( css )

Value: Function
Returns: undefined
Compatibility: Greasemonkey 0.6.1+
Parameters
Properties
css
  • All properties are optional except css.

top

Properties


css

Value: String
Usage: css = "body { color:red }";

top | back

Examples

Template:Core samp

Spanned over multiple lines using E4X: Template:Good samp

top

Notes

Add !important at the end of the code to override an existing value.

top