【網(wǎng)頁設(shè)計-最新經(jīng)典技術(shù)文檔】CSS語法手冊(三)文本填充,邊框,邊界和位置屬性(一).doc

CSS語法手冊（三）文本填充，邊框，邊界和位置屬性（一）一、框填充屬性1、padding-bottompadding-leftpadding-toppadding-right功能：毎個容器都有邊框，這些屬性設(shè)置邊框與框內(nèi)元素間的距離。數(shù)值：長度 - 設(shè)置相對或絕對值。在數(shù)字后指定度量單位如下：mm, cm, in, pt, px, pc, ex, em。em 和 ex 設(shè)置產(chǎn)生相對于父字體的字體尺寸。百分比 - 以父元素的百分比設(shè)置邊框。說明：填充值不能使用負(fù)值，但可以是小數(shù)。例子2、padding功能：是個簡寫屬性，用于設(shè)置上，下，左，右各個方向邊框和內(nèi)容元素的間距。數(shù)值：同前。說明：用單一值可以讓毎邊等距填充；如果用兩個值，則第一個值用于上下填充，第二個值用于左右填充；如果用三個值，則賦于上邊填充，左右填充和下邊填充；如果用四個值，則分別用于上，右，下，左填充?？梢曰旌蠑?shù)值類型。例子二、框邊框?qū)傩?、border-topborder-bottomborder-rightborder-left功能：這四個屬性都是簡寫屬性，分別設(shè)置上，下，右，左的邊框?qū)傩?。缺省情況下，邊框沒有樣式設(shè)置。數(shù)值：共有三個邊框?qū)傩詁order-width: 取值為 thin, medium, thick或指定長度。border-style: 設(shè)置用于修飾邊框的底紋?？梢栽O(shè)置下列樣式：none, dotted,doshed, solid, double, groove, ridge, inset, outset。border-color: 設(shè)置邊框顏色。例子2、border-top-widthborder-bottom-widthborder-right=widthborder-left-width 功能：分別設(shè)置各個邊框的厚度。數(shù)值：thin - 細(xì)邊框。medium - 中等線寬。thick - 粗線。長度 - 用相對或絕對單位設(shè)置邊框?qū)挾?。例?、border-width功能：簡寫屬性，可同時設(shè)置四個邊框的寬度。數(shù)值：thin - 細(xì)邊框。medium - 中等線寬。thick - 粗線。長度 - 用相對或絕對單位設(shè)置邊框?qū)挾取Ｕf明：見 padding 說明。例子：邊框?qū)傩?、border-color功能：簡寫屬性，設(shè)置四個邊框的顏色值。數(shù)值：可以用顏色名或RGB值。如果指定單個顏色，則四個邊框都顯示為這個顏色；如果指定兩個顏色，則順序為上下，左右；如果指定三種顏色，則順序為上，左右，下；如果指定四種顏色，則順序為上，右，下，左。說明：顏色名如下aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.對于RGB值，可用三種方法指定#rrggbb; rgb(r,g,b); rgb(r%,g%,b%)例子：邊框顏色5、border-style功能：用于顯示邊框和指定邊框樣式。數(shù)值：none - 不顯示邊框，為缺省值dotted - 點線dashed - 虛線solid - 實線double - 雙線groove - 3D陷入線ridge - 3D山脊?fàn)罹€inset - 使頁面有沉入感outset - 使頁面有浮出感說明：并非所有瀏覽器都能顯示ridge, inset, outset 之類的樣式，有些瀏覽器將所有邊框都繪制成實線。Example1Example26、border功能：簡寫屬性，設(shè)置所有邊框?qū)傩?。?shù)值：border-width - 取值 thin, medium, thick 或指定長度。border-style - 取值 none, dotted, dashed, solid, double, groove, ridge, inset, outsetb