CSS是一種用于控制網(wǎng)頁(yè)樣式和布局的語(yǔ)言。它不斷地發(fā)展和更新，不斷地添加新的屬性來(lái)滿足開(kāi)發(fā)者的需求。下面介紹一些最近新增的CSS屬性。

/* 屬性1: text-underline-position */
p {
text-underline-position: under;
}
/* 這個(gè)屬性用于控制文本下劃線的位置。默認(rèn)情況下，下劃線會(huì)在文本的基線下方排列。但是如果設(shè)置了這個(gè)屬性的值為“under”，下劃線就會(huì)在文本下方位置上方呈現(xiàn)，這樣可以避免一些字符和標(biāo)點(diǎn)符號(hào)與下劃線重疊的問(wèn)題。 */
/* 屬性2: overscroll-behavior */
body {
overscroll-behavior: none;
}
/* 這個(gè)屬性是用來(lái)控制頁(yè)面超出滾動(dòng)邊界時(shí)的行為。默認(rèn)情況下，頁(yè)面內(nèi)容會(huì)繼續(xù)滾動(dòng)，直到最后一行或者最后一列，才開(kāi)始彈回到原來(lái)位置。但是如果設(shè)置了這個(gè)屬性的值為“none”，當(dāng)頁(yè)面滾動(dòng)到邊界時(shí)就不會(huì)有任何反應(yīng)，這樣可以避免一些不必要的滾動(dòng)。 */
/* 屬性3: scroll-margin */
p {
scroll-margin: 20px;
}
/* 這個(gè)屬性是用來(lái)控制滾動(dòng)容器內(nèi)部滾動(dòng)條的邊距。默認(rèn)情況下，滾動(dòng)條和容器的邊框是貼合在一起的，但是如果設(shè)置了這個(gè)屬性的值，就可以在滾動(dòng)容器周圍添加一些額外的空白區(qū)域。 */
/* 屬性4: mask-type */
img {
mask-type: invert;
}
/* 這個(gè)屬性是用來(lái)控制SVG遮罩的類型。默認(rèn)情況下，遮罩會(huì)覆蓋所有不透明的像素，使它們變?yōu)橥该鳌５侨绻O(shè)置了這個(gè)屬性的值為“invert”，遮罩就會(huì)反轉(zhuǎn)圖像中的所有顏色，使白色變?yōu)楹谏谏優(yōu)榘咨?*/