http://www.jendo.org/wiki1231/index.php?action=history&feed=atom&title=Box_Model 2026-04-10T09:33:50Z 本 Wiki 上此頁面的修訂歷史 MediaWiki 1.35.14 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46599&oldid=prev 2019-01-06T12:39:13Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月6日 (日) 12:39 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l18" >第18行：</td> <td colspan="2" class="diff-lineno">第18行：</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.7em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;：&amp;lt;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&amp;gt;&amp;lt;span style=&#039;position:relative;top:-0.7em;&#039;&amp;gt;雙刪除線&amp;lt;/span&amp;gt;&amp;lt;/span&amp;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;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.7em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;：&amp;lt;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&amp;gt;&amp;lt;span style=&#039;position:relative;top:-0.7em;&#039;&amp;gt;雙刪除線&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;</div></td></tr> <tr><td class='diff-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>*#*先用 position:relative; <del class="diffchange diffchange-inline">讓元素「相對地」調整其原本該出現的所在位置。</del></div></td><td class='diff-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>*#*先用 position:relative; <ins class="diffchange diffchange-inline">讓元素「可用top」以相對其「原本該出現的所在位置」，調整至新位置。</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>*#*再用 top:0.7em; 在上方塞約半個字，使上框線下降約半個字</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>*#*再用 top:0.7em; 在上方塞約半個字，使上框線下降約半個字</div></td></tr> <tr><td class='diff-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>*#*最後增加一個子元素，用 top:-0.7em; <del class="diffchange diffchange-inline">讓字回到原來該有的位置。</del></div></td><td class='diff-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>*#*最後增加一個子元素，用 top:-0.7em; <ins class="diffchange diffchange-inline">讓字回到「原來該出現的位置」。</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>*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線，無法指示畫出雙刪除線。</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>*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線，無法指示畫出雙刪除線。</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46597&oldid=prev 2019-01-06T09:30:55Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月6日 (日) 09:30 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >第1行：</td> <td colspan="2" class="diff-lineno">第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>[[分類:HTML]]</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>[[分類:HTML]]</div></td></tr> <tr><td class='diff-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;img src=&#039;https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/Box-Modell-zhtw.svg/<del class="diffchange diffchange-inline">288px</del>-Box-Modell-zhtw.svg.png&#039; /&gt;</div></td><td class='diff-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;img src=&#039;https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/Box-Modell-zhtw.svg/<ins class="diffchange diffchange-inline">576px</ins>-Box-Modell-zhtw.svg.png&#039; /&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>*padding(內距)：</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>*padding(內距)：</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>*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)</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>*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46596&oldid=prev 2019-01-06T09:30:02Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月6日 (日) 09:30 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >第1行：</td> <td colspan="2" class="diff-lineno">第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>[[分類:HTML]]</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>[[分類:HTML]]</div></td></tr> <tr><td class='diff-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;img src=&#039;https://upload.wikimedia.org/wikipedia/commons/thumb/4/<del class="diffchange diffchange-inline">48</del>/<del class="diffchange diffchange-inline">W3C_box_model</del>.svg/<del class="diffchange diffchange-inline">320px</del>-<del class="diffchange diffchange-inline">W3C_box_model</del>.svg.png&#039; /&gt;</div></td><td class='diff-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;img src=&#039;https://upload.wikimedia.org/wikipedia/commons/thumb/4/<ins class="diffchange diffchange-inline">40</ins>/<ins class="diffchange diffchange-inline">Box-Modell-zhtw</ins>.svg/<ins class="diffchange diffchange-inline">288px-Box-Modell</ins>-<ins class="diffchange diffchange-inline">zhtw</ins>.svg.png&#039; /&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>*padding(內距)：</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>*padding(內距)：</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>*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)</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>*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46399&oldid=prev 2019-01-02T08:31:14Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:31 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l20" >第20行：</td> <td colspan="2" class="diff-lineno">第20行：</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>*#*先用 position:relative; 讓元素「相對地」調整其原本該出現的所在位置。</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>*#*先用 position:relative; 讓元素「相對地」調整其原本該出現的所在位置。</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>*#*再用 top:0.7em; 在上方塞約半個字，使上框線下降約半個字</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>*#*再用 top:0.7em; 在上方塞約半個字，使上框線下降約半個字</div></td></tr> <tr><td class='diff-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>*#*<del class="diffchange diffchange-inline">最後增加一個字元素，用 </del>top:0.7em; 讓字回到原來該有的位置。</div></td><td class='diff-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>*#*<ins class="diffchange diffchange-inline">最後增加一個子元素，用 </ins>top:<ins class="diffchange diffchange-inline">-</ins>0.7em; 讓字回到原來該有的位置。</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>*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線，無法指示畫出雙刪除線。</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>*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線，無法指示畫出雙刪除線。</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46398&oldid=prev 2019-01-02T08:29:46Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:29 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.7em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.7em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;<ins class="diffchange diffchange-inline">：&amp;lt;span style=&#039;position:relative;top:0.7em;border-top:5px double red;&#039;&amp;gt;&amp;lt;span style=&#039;position:relative;top:-0.7em;&#039;&amp;gt;雙刪除線&amp;lt;/span&amp;gt;&amp;lt;/span&amp;gt;</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-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><ins class="diffchange diffchange-inline">*#*先用 position:relative; 讓元素「相對地」調整其原本該出現的所在位置。</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-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><ins class="diffchange diffchange-inline">*#*再用 top:0.7em; 在上方塞約半個字，使上框線下降約半個字</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-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><ins class="diffchange diffchange-inline">*#*最後增加一個字元素，用 top:0.7em; 讓字回到原來該有的位置。</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-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><ins class="diffchange diffchange-inline">*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線，無法指示畫出雙刪除線。</ins></div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46397&oldid=prev 2019-01-02T08:08:39Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:08 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;position:relative;top:0.<del class="diffchange diffchange-inline">5em</del>;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.<del class="diffchange diffchange-inline">5em</del>;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;position:relative;top:0.<ins class="diffchange diffchange-inline">7em</ins>;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.<ins class="diffchange diffchange-inline">7em</ins>;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46396&oldid=prev 2019-01-02T08:08:02Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:08 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;position:relative;top:0.<del class="diffchange diffchange-inline">8em</del>;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.<del class="diffchange diffchange-inline">8em</del>;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;position:relative;top:0.<ins class="diffchange diffchange-inline">5em</ins>;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.<ins class="diffchange diffchange-inline">5em</ins>;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46395&oldid=prev 2019-01-02T08:01:38Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:01 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;<ins class="diffchange diffchange-inline">position:relative;</ins>top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;<ins class="diffchange diffchange-inline">position:relative;</ins>top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46394&oldid=prev 2019-01-02T08:00:35Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 08:00 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;<del class="diffchange diffchange-inline">position:relative;</del>top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;<del class="diffchange diffchange-inline">position:relative;</del>top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td></tr> </table>

丁志仁 http://www.jendo.org/wiki1231/index.php?title=Box_Model&diff=46393&oldid=prev 2019-01-02T07:57:55Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2019年1月2日 (三) 07:57 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l17" >第17行：</td> <td colspan="2" class="diff-lineno">第17行：</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框顏色：可以使用色標準色碼或顏色的英文名稱表達</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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&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>*#邊框樣式：可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等：&lt;table style=&#039;border:none;&#039;&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 solid;padding:10pt;&#039;&gt;border-style:solid;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dotted;padding:10pt;&#039;&gt;border-style:dotted;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:1pt #000 dashed;padding:10pt;&#039;&gt;border-style:dashed;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:3pt #000 double;padding:10pt;&#039;&gt;border-style:double;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 outset;padding:10pt;&#039;&gt;border-style:outset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 groove;padding:10pt;&#039;&gt;border-style:groove;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 ridge;padding:10pt;&#039;&gt;border-style:ridge;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 inset;padding:10pt;&#039;&gt;border-style:inset;&lt;/div&gt;&lt;/td&gt;&lt;td style=&#039;border:none;&#039;&gt;&lt;div style=&#039;border:5pt #000 none;padding:10pt;&#039;&gt;border-style:none;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</div></td></tr> <tr><td class='diff-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;span style=&#039;<del class="diffchange diffchange-inline">margin:0;</del>position:relative;top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;<del class="diffchange diffchange-inline">margin:0;</del>position:relative;top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td><td class='diff-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;span style=&#039;position:relative;top:0.8em;border-top:5px double red;&#039;&gt;&lt;span style=&#039;position:relative;top:-0.8em;&#039;&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;</div></td></tr> </table>

丁志仁