https://webbling.se/index.php?action=history&feed=atom&title=Overflow-x
Overflow-x - Versionshistorik
2026-04-26T20:24:00Z
Versionshistorik för denna sida på wikin
MediaWiki 1.43.0
https://webbling.se/index.php?title=Overflow-x&diff=4589&oldid=prev
PGJ: /* Exempel */
2019-01-30T13:48:40Z
<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.48</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l28">Rad 28:</td>
<td colspan="2" class="diff-lineno">Rad 28:</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><codepen pen="OyLVQW" height="<del style="font-weight: bold; text-decoration: none;">200</del>" tab="css"></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><codepen pen="OyLVQW" height="<ins style="font-weight: bold; text-decoration: none;">300</ins>" tab="css<ins style="font-weight: bold; text-decoration: none;">,result</ins>"></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></codepen></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></codepen></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>http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-x</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>http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-x</div></td></tr>
</table>
PGJ
https://webbling.se/index.php?title=Overflow-x&diff=1901&oldid=prev
PGJ: Skapade sidan med 'Anger vad som ska hända när innehållet i en box inte får plats. I detta fallet bestäms vad som händer om materialet inte får plats horisontellt. När boxens innehåll f...'
2015-08-26T21:00:39Z
<p>Skapade sidan med 'Anger vad som ska hända när innehållet i en box inte får plats. I detta fallet bestäms vad som händer om materialet inte får plats horisontellt. När boxens innehåll f...'</p>
<p><b>Ny sida</b></p><div>Anger vad som ska hända när innehållet i en box inte får plats. I detta fallet bestäms vad som händer om materialet inte får plats horisontellt. När boxens innehåll flödar över kan man antingen låta det skrivas ut utanför, klippa av det så det utanför blir "osynligt" eller sätta en scrolllist.<br />
<br />
== Egenskaper ==<br />
{| class="wikitable"<br />
| Parametrar<br />
| <code>visible</code> &#x7c; <code>scroll</code> &#x7c; <code>hidden</code> &#x7c; <code>auto</code><br />
|-<br />
| Defaultvärde<br />
| <code>visible</code><br />
|-<br />
| Ärvs?<br />
| Nej<br />
|-<br />
| Animerbart?<br />
| Nej<br />
|-<br />
| Fungerar med...<br />
| Alla block- och inline-block-element<br />
|}<br />
<br />
<code>visible</code> om det behövs kommer innehållet att skrivas ut över elementets gräns.<br />
<br />
<code>hidden</code> om innehållet flödar över, kommer det att klippas av vid elementets gräns.<br />
<br />
<code>scroll</code> om innehållet flödar över, kommer webbläsaren att sätt dit en scrollist som gör att man kan scrolla runt innehållet.<br />
<br />
<code>auto</code> låt webbläsaren själv bestämma vilket av ovanstående beteenden som ska väljas.<br />
<br />
== Exempel ==<br />
<codepen pen="OyLVQW" height="200" tab="css"><br />
</codepen><br />
<br />
== Egenskapens definition ==<br />
http://dev.w3.org/csswg/css-overflow-3/#propdef-overflow-x</div>
PGJ