CSS 綜合樣式屬性,邊框樣式屬性的用法詳解

2021-09-27 13:34:46 字數 617 閱讀 9974

border樣式屬性用於設定元素的邊框,屬於綜合屬性,可以單獨設定邊框的某一類樣式也可以進行綜合設定

邊框的樣式組成:

通過border-widthborder-styleborder-color都是統一設定元素的四條邊框的樣式,無法單獨設定某一條邊框

邊框簡寫:

上述邊框樣式可以進行簡寫(綜合設定)

語法:

border

: border-width border-style border-color;

示例:

border

: 1px solid #f00;

單獨設定某一條邊框:

樣式屬性:

這些屬性都是綜合屬性,需要設定 border-widht、border-style 和 border-color

示例:

border-right

: 2px dashed red;

如果想要單獨設定某條邊框的粗細、樣式或顏色,還可以進行細分;不過實際開發中用的不多

以上邊框為例,樣式屬性有:

CSS樣式屬性

position用來設定元素的定位型別,有absolute 絕對定位 relative 相對定位 static 靜態定位,預設值 fixed 固定定位 四種。static 預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置 static 元素會忽略任何 top bottom lef...

css樣式屬性

這個屬性設定字型名稱,如arial,tahoma,courier等。例句如下 s1演示示例 這個屬性可以設定字型的大小。字型大小的設定可以有多種方式,最常用的就是pt和px pixel 例句如下 s2演示示例 這個屬性有三個值可選 normal,italic,oblique。normal是預設值,i...

CSS 樣式屬性

標準文件流組成 塊級元素 block level 列表 獨佔一行,可設定寬高,寬度預設和父級元素相同 內聯元素 inline 水平排列,不可設定寬高,寬度根據內容而定 display 用於塊級元素和行內元素的轉化 隱藏元素 none block display none 所在的位置被清空 opaci...