borde和outline的區別

2021-07-26 20:28:04 字數 853 閱讀 8786

邊框屬性:border

border連寫方法:border:border-width border-style border-color;

統一設定元素各邊框的格式:當值有4個時,依次按照上、右、下、左設定;當值有3個時,依次按照上、左右、下設定;當值有2個時,依次按照上下、左右設定;當值只有1個時,則為4個方向設定為相同的值。

border-style:solid(實線)dashed(虛線)double(雙線 )預設值為border-style:none。

border-color;預設為border-color: transparent。

輪廓屬性:outline

在元素邊框邊緣的外圍繪製一條包圍元素的線,包括outline-color、outline-style、outline-width三個子屬性的設定,可預設,無固定順序。輪廓不佔據頁面空間,也不一定是矩形。

outline連寫方法:outline:outline-width outline-style outline-color;

outline-style

設定元素輪廓的格式,其取值與border-style類似,但沒有hidden值。預設為none,無輪廓。

outline-width

設定元素輪廓的寬度,其取值與border-width類似。只有當outline-style不為none時才有效。預設為medium。

outline-color

設定元素輪廓的顏色,其取值與border-color類似。只有當outline-style不為none時才有效。預設為transparent。

區別:outline是不佔空間的,既不會增加額外的width或者height

outline有可能是非矩形的

outline屬性的設定和作用簡述

outline 輪廓 是繪製於元素周圍的一條線,位於邊框邊緣的外圍,可起到突出元素的作用。注釋 輪廓線不會佔據空間,也不一定是矩形。outline 簡寫屬性在乙個宣告中設定所有的輪廓屬性。簡單說,當我們直接單擊文字框裡面是,外部會出現乙個高亮的效果,對,這個就是outline 如果要設定乙個橢圓形的...

請保留超連結的outline屬性

outline none 或者 outwww.cppcns.comline 0 這樣做的直接後果是,那些習慣使用鍵盤的使用者將無法獲知他們用tab鍵當前定程式設計客棧位程式設計客棧在哪個鏈結。所以永遠不要移除鏈程式設計客棧接的outline,除非你有其他更好的方法來標識鍵盤的focus事件。還有的設...

堆區和棧區的區別

一 預備知識 程式的記憶體分配 乙個由c c 編譯的程式占用的記憶體分為以下幾個部分 1 棧區 stack 由編譯器自動分配釋放 存放函式的引數值,區域性變數的值等。其操作方式類似於資料結構中的棧。2 堆區 heap 一般由程式設計師分配釋放,若程式設計師不釋放,程式結束時可能由os 注意它與資料結...