boder的內邊框 CSS 邊框

2021-10-13 06:25:38 字數 736 閱讀 5248

邊框的寬度

為邊框指定寬度有兩種方法:可以指定長度值,比如 2px 或 0.1em;或者使用 3 個關鍵字之一,它們分別是 thin 、medium(預設值) 和 thick。

注釋:css 沒有定義 3 個關鍵字的具體寬度,所以乙個使用者**可能把 thin 、medium 和 thick 分別設定為等於 5px、3px 和 2px,而另乙個使用者**則分別設定為 3px、2px 和 1px。

所以,我們可以這樣設定邊框的寬度:

p 或者:

p 定義單邊寬度

您可以按照 top-right-bottom-left 的順序設定元素的各邊邊框:

p 上面的例子也可以簡寫為(這樣寫法稱為值複製):

p 您也可以通過下列屬性分別設定邊框各邊的寬度:

因此,下面的規則與上面的例子是等價的:

p 儘管邊框的寬度是 50px,但是邊框樣式設定為 none。在這種情況下,不僅邊框的樣式沒有了,其寬度也會變成 0。邊框消失了,為什麼呢?

這是因為如果邊框樣式為 none,即邊框根本不存在,那麼邊框就不可能有寬度,因此邊框寬度自動設定為 0,而不論您原先定義的是什麼。

記住這一點非常重要。事實上,忘記宣告邊框樣式是乙個常犯的錯誤。根據以下規則,所有 h1 元素都不會有任何邊框,更不用說 20 畫素寬了:

h1 由於 border-style 的預設值是 none,如果沒有宣告樣式,就相當於 border-style: none。因此,如果您希望邊框出現,就必須宣告乙個邊框樣式。

boder的內邊框 CSS Border 邊框

css border 邊框 元素的 border 邊框圍繞填充和內容。css邊框屬性 css邊框屬性允許您定義框的邊框區域。邊框可以是預定義的樣式,例如實線,雙線,虛線等,也可以是影象。下一節將介紹如何設定各種屬性,以定義邊框的樣式 border style 顏色 border color 和厚度 ...

CSS 外邊框與內邊框屬性

1.1 上邊距 margin top 上邊距也叫頂端邊距,使用上邊距可以設定元素的上邊界,可以使用長度值或百分比。語法 margin top 邊距值 說明 margin top取值範圍包括如下 長度值相當於設定頂端的絕對邊框值,包括數字和單位 百分比是設定相對於上級元素的寬度的百分比,允許使用負值 ...

css 盒模型的內邊框

內邊距 padding 內容區和邊框之間的距離是內邊距 一共有四個方向的內邊距 padding top padding right padding bottom padding left 內邊距的設定會影響到盒子的大小 背景顏色會延伸到內邊距上 一共盒子的可見框的大小,由內容區 內邊距 和 邊框共同...