https://webbling.se/index.php?action=history&feed=atom&title=Border-color 2026-04-27T04:26:31Z Versionshistorik för denna sida på wikin MediaWiki 1.43.0 https://webbling.se/index.php?title=Border-color&diff=4359&oldid=prev 2019-01-13T19:58:57Z

<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 13 januari 2019 kl. 19.58</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36">Rad 36:</td> <td colspan="2" class="diff-lineno">Rad 36:</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="VLovOd" 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="VLovOd" height="<ins style="font-weight: bold; text-decoration: none;">400</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://drafts.csswg.org/css-backgrounds-3/#border-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://drafts.csswg.org/css-backgrounds-3/#border-color</div></td></tr> </table>

PGJ https://webbling.se/index.php?title=Border-color&diff=1774&oldid=prev 2015-08-23T21:21:22Z

<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 23 augusti 2015 kl. 21.21</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"></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>Används för att sätta linjefärgen på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra parametrar.</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>Används för att sätta linjefärgen på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra parametrar.</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" 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>Om man anger <del style="font-weight: bold; text-decoration: none;">en parameter</del>, kommer det att gälla för ''alla'' kantlinjerna.</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>Om man anger <ins style="font-weight: bold; text-decoration: none;">ett värde</ins>, kommer det att gälla för ''alla'' kantlinjerna.</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" 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>Om man anger två <del style="font-weight: bold; text-decoration: none;">parametrar</del>; <del style="font-weight: bold; text-decoration: none;">Den </del>första gäller för topp- och bottenkant och <del style="font-weight: bold; text-decoration: none;">den </del>andra för höger- och vänsterkant.</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>Om man anger två <ins style="font-weight: bold; text-decoration: none;">värden</ins>; <ins style="font-weight: bold; text-decoration: none;">Det </ins>första gäller för topp- och bottenkant och <ins style="font-weight: bold; text-decoration: none;">det </ins>andra för höger- och vänsterkant.</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" 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>Om man anger tre <del style="font-weight: bold; text-decoration: none;">parametrar</del>; <del style="font-weight: bold; text-decoration: none;">Den </del>första att gäller för toppkanten. <del style="font-weight: bold; text-decoration: none;">Den </del>andra för höger- och vänsterkanterna. <del style="font-weight: bold; text-decoration: none;">Den </del>tredje gäller för bottenkanten.</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>Om man anger tre <ins style="font-weight: bold; text-decoration: none;">värden</ins>; <ins style="font-weight: bold; text-decoration: none;">Det </ins>första att gäller för toppkanten. <ins style="font-weight: bold; text-decoration: none;">Det </ins>andra för höger- och vänsterkanterna. <ins style="font-weight: bold; text-decoration: none;">Det </ins>tredje gäller för bottenkanten.</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" 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>Om man anger fyra <del style="font-weight: bold; text-decoration: none;">parametrar</del>; <del style="font-weight: bold; text-decoration: none;">Den </del>första gäller för toppen. <del style="font-weight: bold; text-decoration: none;">Den </del>andra för högerkanten. <del style="font-weight: bold; text-decoration: none;">Den </del>tredje för botten. <del style="font-weight: bold; text-decoration: none;">Den </del>fjärde för vänsterkanten.</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>Om man anger fyra <ins style="font-weight: bold; text-decoration: none;">värden</ins>; <ins style="font-weight: bold; text-decoration: none;">Det </ins>första gäller för toppen. <ins style="font-weight: bold; text-decoration: none;">Det </ins>andra för högerkanten. <ins style="font-weight: bold; text-decoration: none;">Det </ins>tredje för botten. <ins style="font-weight: bold; text-decoration: none;">Det </ins>fjärde för vänsterkanten.</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=Border-color&diff=1773&oldid=prev 2015-08-23T21:18:31Z

<p>Skapade sidan med &#039;Används för att sätta linjefärgen på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra parametrar. Om man anger en parameter, kommer det att gälla...&#039;</p> <p><b>Ny sida</b></p><div>Används för att sätta linjefärgen på ett elements kantlinjer. Det här egenskapen kan ta mellan en och fyra parametrar.<br /> <br /> Om man anger en parameter, kommer det att gälla för &#039;&#039;alla&#039;&#039; kantlinjerna.<br /> <br /> Om man anger två parametrar; Den första gäller för topp- och bottenkant och den andra för höger- och vänsterkant.<br /> <br /> Om man anger tre parametrar; Den första att gäller för toppkanten. Den andra för höger- och vänsterkanterna. Den tredje gäller för bottenkanten.<br /> <br /> Om man anger fyra parametrar; Den första gäller för toppen. Den andra för högerkanten. Den tredje för botten. Den fjärde för vänsterkanten.<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;currentColor&lt;/code&gt; &amp;#x7c; &lt;code&gt;transparent&lt;/code&gt; &amp;#x7c; &lt;code&gt;inherit&lt;/code&gt;<br /> |-<br /> | Defaultvärde<br /> | Nuvarande &#039;&#039;färgvärde&#039;&#039; som definierats med hjälp av [[color]].<br /> |-<br /> | Ärvs?<br /> | Nej<br /> |-<br /> | Animerbart?<br /> | Ja<br /> |-<br /> | Fungerar med...<br /> | Alla element, förutom vissa grupperingselement för tabeller.<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;currentColor&lt;/code&gt; och &lt;code&gt;inherit&lt;/code&gt; är samma sak och betyder att färgen ärvs ifrån föräldraelementet. Då &lt;code&gt;color&lt;/code&gt; ärs, så behövs sällan dessa två värden.<br /> <br /> Värdet &lt;code&gt;transparent&lt;/code&gt; gör färgen helt genomskinlig, dvs osynlig. Om du vill ha något halvgenomskinligt så vill du antagligen använda ett [[alfavärde]], titta i [[färg]]-sektionen för mer info om detta.<br /> <br /> == Exempel ==<br /> &lt;codepen pen=&quot;VLovOd&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