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