隨著 CSS 的發展，新的 CSS 元素不斷被加入。這不僅增強了 CSS 的功能，還使得開發者們能夠更加便捷地實現有趣的效果。下面是一些最新加入的 CSS 元素：

// 前綴：scroll-padding
scroll-padding-top: 50px;
scroll-padding-left: 20px;
scroll-padding-right: 10px;
scroll-padding-bottom: 30px;

scroll-padding 屬性用來設置滾動框的 padding 屬性。這個屬性的值可以是一個數字，也可以是一個像素。如果沒有設置值，就默認為 0。

// 前綴：gap
grid-gap: 2em;

grid-gap 屬性用來設置網格布局中的行與列之間的間隔。如果使用的是 grid-template-columns、grid-template-rows 性質，使用 gap 屬性可以省略聲明各單元格的 margin 屬性。

// 前綴：column-gap
column-gap: 20px;

column-gap 屬性用來設置多列布局中各列之間的距離。如果使用的是 column-count、column-width 性質，使用 column-gap 屬性可以省略聲明各列的 margin 屬性。

// 前綴：gap
flex-gap: 20px;

flex-gap 屬性用來設置彈性布局中各項之間的距離。

// 前綴：border-block
border-block: 1px solid black;

border-block 屬性用來設置元素的上下邊框（border-top 和 border-bottom）。當設置 border-block 屬性時，border-top 和 border-bottom 的方向會被改變。

// 前綴：backdrop-filter
backdrop-filter: blur(10px);

backdrop-filter 屬性用來給元素添加一個背景模糊或者其他的效果。這個屬性只對元素的后面的內容生效，對元素自己沒有效果。