css學習22 應用輪廓

2021-10-19 09:08:57 字數 452 閱讀 8375

輪廓對於邊框來說是可選的。輪廓最有用的地方在於短時間抓住使用者對某個元素的注意力,如必須按壓的按鈕或者資料輸入中的錯誤。輪廓繪製在盒子邊框的外面。邊框和輪廓最大的區別是:輪廓不屬於頁面,因此應用輪廓不需要調整頁面布局。

輪廓屬性:

屬性說明

值outline-color

設定外圍輪廓的顏色

顏色outline-offset

設定輪廓距離元素邊框邊緣的偏移量

長度outline-style

設定輪廓樣式

跟border-style屬性的值一樣

outline-width

設定輪廓的寬度

thin,medium,thick,長度

outline

在一條宣告中設定輪廓的簡寫屬性

顏色,樣式,寬度

#id

CSS輪廓設定

輪廓 outline 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。設定輪廓樣式 outline style object.style.outlinestyle dotted 值 描述none預設。定義無輪廓。dotted定義點狀的輪廓。dashed定義虛線輪廓。solid定義...

opencv 輪廓應用

typedef struct cvseq cvseq define cv contour fields cv sequence fields cvrect rect int color int reserved 3 typedef struct cvcontour cvcontour 則 cvcon...

css 輪廓 陰影 圓角

outline 用來設定元素的輪廓線,用法和border一模一樣 輪廓和邊框不同的點,就是輪廓不會影響到可見框的大小 doctype html en utf 8 viewport content width device width,initial scale 1.0 輪廓和圓角 title box...