https://webbling.se/index.php?action=history&feed=atom&title=Outline-color 2026-04-26T20:26:33Z Versionshistorik för denna sida på wikin MediaWiki 1.43.0 https://webbling.se/index.php?title=Outline-color&diff=4595&oldid=prev 2019-01-30T13:50:33Z

<p><span class="autocomment">Exempel</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sv"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 30 januari 2019 kl. 13.50</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l26">Rad 26:</td> <td colspan="2" class="diff-lineno">Rad 26:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Exempel ==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;codepen pen="eNqaMP" height="<del style="font-weight: bold; text-decoration: none;">200</del>" tab="css"&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>&lt;codepen pen="eNqaMP" height="<ins style="font-weight: bold; text-decoration: none;">300</ins>" tab="css<ins style="font-weight: bold; text-decoration: none;">,result</ins>"&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/codepen&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/codepen&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Egenskapens definition ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Egenskapens definition ==</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color</div></td></tr> </table>

PGJ https://webbling.se/index.php?title=Outline-color&diff=1892&oldid=prev 2015-08-26T15:04:59Z

<p><span class="autocomment">Egenskapens definition</span></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sv"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 26 augusti 2015 kl. 15.04</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l30">Rad 30:</td> <td colspan="2" class="diff-lineno">Rad 30:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Egenskapens definition ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Egenskapens definition ==</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>https://<del style="font-weight: bold; text-decoration: none;">drafts</del>.<del style="font-weight: bold; text-decoration: none;">csswg</del>.org/<del style="font-weight: bold; text-decoration: none;">css</del>-<del style="font-weight: bold; text-decoration: none;">backgrounds-3</del>/<del style="font-weight: bold; text-decoration: none;">#border</del>-color</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>https://<ins style="font-weight: bold; text-decoration: none;">developer</ins>.<ins style="font-weight: bold; text-decoration: none;">mozilla</ins>.org/<ins style="font-weight: bold; text-decoration: none;">en</ins>-<ins style="font-weight: bold; text-decoration: none;">US/docs/Web/CSS</ins>/<ins style="font-weight: bold; text-decoration: none;">outline</ins>-color</div></td></tr> </table>

PGJ https://webbling.se/index.php?title=Outline-color&diff=1890&oldid=prev 2015-08-26T14:47:24Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="sv"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Äldre version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Versionen från 26 augusti 2015 kl. 14.47</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Rad 1:</td> <td colspan="2" class="diff-lineno">Rad 1:</td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>Används för att sätta <del style="font-weight: bold; text-decoration: none;">färg </del>på <del style="font-weight: bold; text-decoration: none;">en </del>konturlinje kring ett element. En <del style="font-weight: bold; text-decoration: none;">konturlinje </del>bredd räknas aldrig med i storleken på en box. Istället <del style="font-weight: bold; text-decoration: none;">ritar </del>den över eventuellt material som redan ligger kring boxen.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>Används för att sätta <ins style="font-weight: bold; text-decoration: none;">färgen </ins>på <ins style="font-weight: bold; text-decoration: none;">eventuell </ins>konturlinje kring ett element. En <ins style="font-weight: bold; text-decoration: none;">konturlinjes </ins>bredd räknas aldrig med i storleken på en box. Istället <ins style="font-weight: bold; text-decoration: none;">ritas </ins>den över eventuellt material som redan ligger kring boxen.</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].</div></td></tr> </table>

PGJ https://webbling.se/index.php?title=Outline-color&diff=1889&oldid=prev 2015-08-26T14:46:44Z

<p>Skapade sidan med &#039;Används för att sätta färg på en konturlinje kring ett element. En konturlinje bredd räknas aldrig med i storleken på en box. Istället ritar den över eventuellt mater...&#039;</p> <p><b>Ny sida</b></p><div>Används för att sätta färg på en konturlinje kring ett element. En konturlinje bredd räknas aldrig med i storleken på en box. Istället ritar den över eventuellt material som redan ligger kring boxen.<br /> <br /> Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].<br /> <br /> == Egenskaper ==<br /> {| class=&quot;wikitable&quot;<br /> | Parametrar<br /> | &lt;&#039;&#039;färgvärde&#039;&#039;&gt; &amp;#x7c; &lt;code&gt;invert&lt;/code&gt;<br /> |-<br /> | Defaultvärde<br /> | Om webbläsaren stödjer det, &lt;code&gt;invert&lt;/code&gt;. Om så inte är fallet används &lt;code&gt;currentColor&lt;/code&gt;<br /> |-<br /> | Ärvs?<br /> | Nej<br /> |-<br /> | Animerbart?<br /> | Ja<br /> |-<br /> | Fungerar med...<br /> | Alla element<br /> |}<br /> <br /> Om du vill veta mer om hur man anger &#039;&#039;färgvärde&#039;&#039;, kan du gå till sektionen om [[färg]].<br /> <br /> &lt;code&gt;invert&lt;/code&gt; alla webbläsare har inte stöd för detta värde. Om det finns så ritas konturlinjen med färginversen till den färg som redan finns där linjen dras. <br /> <br /> == Exempel ==<br /> &lt;codepen pen=&quot;eNqaMP&quot; height=&quot;200&quot; tab=&quot;css&quot;&gt;<br /> &lt;/codepen&gt;<br /> <br /> == Egenskapens definition ==<br /> https://drafts.csswg.org/css-backgrounds-3/#border-color</div>

PGJ