境界線

境界線

[28] [WebKit] CSS3のborderとbackground(一部)をサポート <http://d.hatena.ne.jp/eccoHowling/20050828#p1> (名無しさん 2005-08-29 01:43:15 +00:00)

[31] Bug 4355 px以外の単位を使うとborderの太さが一定にならない - WebStudio (2006-11-28 11:04:46 +09:00 版) <http://www.d-toybox.com/studio/weblog/show.php?mode=single&id=2006122802> (名無しさん 2006-12-28 02:07:28 +00:00)

[34] WinIE 6 では borderborder-top などに <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border%3A%20thin%200%20thick%20thin%200%200%200%200%200%200%201px%202em%2010mm%20red%20blue%200%20thick%20%23C0C0C0%20orange%20dashed%20none%20dotted%20inset%3B%0D%0A%7D%0D%0A;h=;p=n;x=style-element> のように値を1つ以上いくつでも指定できるようです。 border-colorborder-styleborder-width それぞれで最後に指定された値が有効になります。指定されなかった種類はまったく設定されません (CSS 2.1 によれば初期値が設定されなければなりません)。 borderborderTop などに値が設定されるのは、構成する3種類 (または3種類×4辺) のすべてに値が設定されている場合のみのようです。 (名無しさん)

[35] Firefox 2 や Opera 9 には >>34 のような奇癖はなく、 CSS 2.1 通りに実装しているようです。 (名無しさん)

[36] 色の初期値の扱いについては border-color の項を参照。

(名無しさん)

[37] <http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0D%0A%20%20border-top%3A%20medium%20dotted%3B%0D%0A%7D%0D%0A;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(sd.borderTop)%3B%0D%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%3C%2Fbutton%3E%0D%0A%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B0%5D%3B%0D%0A%20%20var%20sd%20%3D%20el.currentStyle%3B%0D%0A%20%20w%20(sd.borderTop)%3B%0D%0A%22%3E%3Ccode%3EcurrentStyle%3C%2Fcode%3E%3C%2Fbutton%3E%0D%0A;p=n;x=style-element> ↑ こんな感じのやつででてくる値を調べてみた

Firefox 2 getComputedStyle: 空文字列

WinIE 6 currentStyle: undefined (currentStyle には shorthandDOM属性がないらしい)

Opera 9:

指定した値getComputedStylecurrentStyle
medium0px #0000003px
medium solid3px solid #0000003px solid
10px dotted10px dotted #00000010px dotted
10mm inset blue38px inset #0000ff10mm inset #0000ff

(名無しさん)

[38] border model - onderhond blog - onderhond.com (2008-05-05 20:43:42 +09:00 版) <http://www.onderhond.com/blog/onderhond/border-model-inconsistencies> (名無しさん)

[39] テーブルのボーダーに余白がある場合のサンプル|CSS HappyLife ( 版) <http://css-happylife.com/log/css-template/000356.shtml>

[61] ChromeFirefox'border' を指定すると 'border-image'初期値になります。 Firefox ではその他 '-moz-border-top-colors' なども初期値になります。

[62] Chrome は明示されていないプロパティーinitial にしますが、 Firefox は実際の初期値にします。

[63] Firefox'border-color'初期値'-moz-use-text-color' です。

[64] 直列化の際、 Chrome では 'border-width''border-style''border-color' の1つか2つが initial なら、それが省略されます。3つが initial ならプロパティー宣言自体が cssText に現れません。

[65] 直列化の際、 Firefox'border-color''-moz-use-text-color' ならそれを省略しますが、それ以外は省略しません。

[66] 'border' を構文解析して CSSOM宣言として追加する時の各 longhand sub-properties の順序は FirefoxChrome で違っています。

[67] 'border' にまとめきれないときにどのプロパティーを使って表現するかは ChromeFirefox で異なるようです。 >>66 の順序の違いによるものか、それ以外にも違うのかはよくわかりません。

境界領域

[40] 余白領域詰め領域の間の領域境界領域 (border area) といいます。

[42] CSS 2.1 には「optional」と書いてあるので、幅 0 の時は厳密に言えば境界領域は存在しないということになります。

[43] 境界領域の外周を境界辺 (border edge) と呼びます。 境界領域が存在しない時は詰め辺と同じです。 CSS 2.1 8.1

[44] 境界辺に囲まれる領域を境界箱 (border box) と呼びます。 CSS 2.1 8.1

[47] 詰め領域境界領域の間にスクロール・バーが挿入されることがあります。

仕様書

[41] Box model ( 版) <http://www.w3.org/TR/2007/CR-CSS21-20070719/box.html#box-dimensions>

背景

[45] 境界領域背景background に拠ります CSS 2.1 8.1

Viewport の境界箱

[46] Viewport境界箱の項を参照してください。

[48] 小粋空間: CSS で table に斜線を引く方法 ( 版) <http://www.koikikukan.com/archives/2009/10/26-000300.php>

[49] Bug 452915 – Linked images have a blue border in default style sheet ( 版) <https://bugzilla.mozilla.org/show_bug.cgi?id=452915>

[50] [whatwg] borders on images inside links ( 版) <http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-April/025871.html>

[51] [whatwg] borders on images inside links ( 版) <http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-April/025871.html>

[52] [whatwg] borders on images inside links ( 版) <http://lists.whatwg.org/htdig.cgi/whatwg-whatwg.org/2010-July/027409.html>

[53] Web Applications 1.0 r6008 7468 ( ( 版)) <http://html5.org/tools/web-apps-tracker?from=6007&to=6008>

[54] IRC logs: freenode / #whatwg / 20110414 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20110414#l-461>

[55] IRC logs: freenode / #whatwg / 20110415 ( ( 版)) <http://krijnhoetmer.nl/irc-logs/whatwg/20110415#l-139>

[56] HTML5 Tracker ( 版) <http://html5.org/tools/web-apps-tracker?from=6680&to=6681>

[57] HTML5 Tracker ( 版) <http://html5.org/tools/web-apps-tracker?from=6683&to=6684>

[58] NOTE-css-potential-19970819 ( ( 版)) <http://www.w3.org/TR/NOTE-css-potential-19970819#pgfId=1028243>

[59] Web Applications 1.0 r7189 Revert the parts of r6008 that made <table border> conforming again. See http://lists.w3.org/Archives/Public/public-html/2011Apr/0419.html for the reasoning. ( ( 版)) <http://html5.org/tools/web-apps-tracker?from=7188&to=7189>

[60] Web Applications 1.0 r7623 Not sure why this was limited to hyperlinks only. ( ( 版)) <http://html5.org/tools/web-apps-tracker?from=7622&to=7623>

[68] Re: Working Group Decision on ISSUE-155 table-border ( (Tab Atkins Jr. 著, 版)) <http://lists.w3.org/Archives/Public/public-html/2011Apr/0419.html>

[1] OASIS Open Document Format for Office Applications (OpenDocument) Version 1.2 - Part 1: OpenDocument Schema ( 版) <http://docs.oasis-open.org/office/v1.2/os/OpenDocument-v1.2-os-part1.html#a20_176fo_Border_Properties>