有趣的CSS怪癖 邊框間距

2021-10-05 14:16:25 字數 774 閱讀 4666

我最近遇到了css的特殊性,這使我撓了撓頭,所以我認為值得在此處發表一些帖子,以供將來使用google搜尋的google抓撓頭。

wsg郵件列表傳送了許多css布局問題,上週我注意到了這個查詢 。 tee希望直觀地重現下面顯示的**布局,而不新增額外的環繞式div或其他非語義標記。

它並不像看起來那麼簡單。

無論如何,圍繞著我的方法 ,我遇到了乙個我很少使用的css屬性:border-spacing

現在,如果您不太熟悉border-spacing,那麼它本質上是舊的'cellspacing'表屬性的更好版本(即css的邊框間距比html的cellspacing(更清晰的標記)具有的主要優勢是,它允許您設定不同的水平和垂直間距寬度-似乎非常適合建立示例中所需的5畫素行分隔。cellspacing僅接受乙個值。

猜測css,嘗試時( 嘗試自己使用 )沒有得到預期的結果:

marginpaddingborder和我可以想到的所有其他css屬性的操作方式相反,border-spacing要求在獲得垂直值之前先獲得其水平值。 奇怪。

注意border-spacing其他要點:

from:

boder的內邊框 CSS 邊框

邊框的寬度 為邊框指定寬度有兩種方法 可以指定長度值,比如 2px 或 0.1em 或者使用 3 個關鍵字之一,它們分別是 thin medium 預設值 和 thick。注釋 css 沒有定義 3 個關鍵字的具體寬度,所以乙個使用者 可能把 thin medium 和 thick 分別設定為等於 ...

字間距 詞間距的使用 CSS入門基礎(010)

今天我們接著分享文字樣式的內容。letter spacing字母間距 在css中,我們可以使用letter spacing屬性定義字間距。語法 letter spacing 畫素值 我們一般都是使用畫素值為單位的。示例 i like coding.我喜歡程式設計。i like coding.我喜歡程...

css 盒模型的邊框

邊框 邊框的寬度 border width 邊框的顏色 border color 邊框的樣式 border styleborder width 10px 預設值,一般都是 3個畫素 border width可以用來指定四個方向的邊框的寬度 值的情況 四個值 上 右 下 左 三個值 上 左右 下 兩個...