科技網(wǎng)站建設(shè)： 邊框?qū)傩? Borders Properties)
邊框?qū)傩?/span>( Borders Properties)
常用的邊框?qū)傩杂?span lang="EN-US">7項：border-top、border-right、border-bottom、border-left、border-widborder-color和border-style。其中border-width可以一次性設(shè)置所有的邊框?qū)挾?；如?span lang="EN-US">border-color同時設(shè)置四面邊框的顏色，可以連續(xù)寫上4種顏色，并用空格分隔。上述連糾置的邊框都是按border-top、border-right、border-bottom、border-left順序（順時針）的。
(1)所有邊框?qū)挾?span lang="EN-US">(border-width)
語法：border-width:medium I thin l thick I length
參數(shù)：medium為默認寬度，thin為小于默認寬度，thick為大于默認寬度。Length是由字和單位標識符組成的長度值，不可為負值。
說明：如果提供全部4個參數(shù)值，將按上、右、下、左的順序作用于4個邊框。如果提供1個參數(shù)值，將用于全部的4條邊。如果提供兩個參數(shù)值，則第1個用于上、下邊框第2個用于左、右邊框。如果提供3個參數(shù)值，則第1個用于上邊框，第2個用于左、右框，第3個用于下邊框。
要使用該屬性，必須先設(shè)定對象的height或width屬性，或者設(shè)定position屬性，absolute。
如果border-style設(shè)置為none，本屬性將失去作用。
示例：
span{ border-style: solid; border-width: thin)
span{ border-style: solid; border-width: lpx thin)
(2)邊框樣式(border-style)
語法：border-style:none I hidden l dotted l dashed l solid I double I groove l ridge l inset l outset
參數(shù)：border-style屬性包括了多個邊框樣式的參數(shù)。
none:無邊框。與任何指定的border-width值無關(guān)。
dotted:邊框為點線。
dashed:邊框為長短線。
solid:邊框為實線。
double：邊框為雙線。兩條單線與其間隔的和等于指定的border-width值。
groove：根據(jù)border-color的值畫3D凹槽。
ridge：根據(jù)border-color的值畫菱形邊框。
inset：根據(jù)border-color的值畫3D凹邊。
outset:根據(jù)border-color的值畫3D凸邊。
說明：如果提供全部4個參數(shù)值，將按上、右、下、左的順序作用于4個邊框。如果提供1個參數(shù)值，將用于全部的4條邊。如果提供2個參數(shù)值，則第1個用于上、下邊，1 2個用于左、右邊。如果提供3個參數(shù)值，則第1個用于上邊，第2個用于左、右邊，第個用于下邊。
要使用該屬性，必須先設(shè)定對象的height或width屬性，或者設(shè)定position屬性為absolut 如果border-width不大于0，本屬性將失去作用。
