|
|
| (11 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| {{DISPLAYTITLE:GM_addStyle}} | | {{DISPLAYTITLE:GM_addStyle}} |
|
| |
|
| == Description ==
| | As of Greasemonkey 4.0, this method has been removed. |
|
| |
|
| This [[API_reference|API]] method adds a string of CSS to the document.
| | You can `@require` a helper script to provide the same functionality, for example [https://gist.github.com/arantius/eec890c9ce4ff2f7abee896c0bba664d gm-addstyle.js]. |
| | |
| It creates a new <code><style></code> element, adds the given CSS to it, and inserts it into the <code><head></code>.
| |
| | |
| == Syntax ==
| |
| | |
| '''GM_addStyle(''' ''css'' ''')'''
| |
| | |
| :Value: Function
| |
| :Returns: undefined
| |
| :Compatibility: [[Version_history#0.6.1|Greasemonkey 0.6.1+]]
| |
| | |
| :{| cellpadding="5" style="border-style:solid; background:#FFFFE0;" | |
| |+ Parameters
| |
| !style="background:#CC9900;"|'''Properties'''
| |
| |-
| |
| | <code><span style="background:#FFFFE0;">[[#css |css]]</span></code>
| |
| |}
| |
| :* All properties are optional except [[#css|css]].
| |
| | |
| [[#top|top]]
| |
| === Properties ===
| |
| ----
| |
| ==== <code>css</code> ====
| |
| :Value: String
| |
| :Usage: <code>'''css''' = "body { color:red }";</code>
| |
| | |
| [[#top|top]] | [[#Syntax|back]]''
| |
| | |
| == Examples ==
| |
| {{Samp |1=<pre style="border: none; margin: inherit;">
| |
| GM_addStyle("body { color: white; background-color: black } img { border: 0 }");
| |
| </pre>}}
| |
| | |
| Spanned over multiple lines using E4X:
| |
| {{Good samp |1=<pre style="border: none; margin: inherit;">
| |
| GM_addStyle(<><![CDATA[
| |
| body { color: white; background-color: black }
| |
| img { border: 0 }
| |
| .footer { width: 875px; }
| |
| ]]></>.toString());
| |
| </pre>}}
| |
| | |
| Spanned over multiple lines using line continuation character.
| |
| {{Good samp |1=<pre style="border: none; margin: inherit;">
| |
| GM_addStyle("body { color: white; background-color: black }\
| |
| img { border: 0 }\
| |
| .footer { width: 875px; }");
| |
| </pre>}}
| |
| | |
| == Notes ==
| |
| Add <code>!important</code> at the end of the code to override an existing value.
| |
| | |
| [[Category:API_Reference|A]]
| |
As of Greasemonkey 4.0, this method has been removed.
You can `@require` a helper script to provide the same functionality, for example gm-addstyle.js.
