<time>
,由<number>
和單位s(秒)或ms(毫秒)組成,其中1s=1000ms。<frequency>
,由<number>
和單位Hz或kHz組成,由於單位識別字不分大小寫,所以寫成hz或是Hz都是正確的。background-position
),語法表示為<position>
。background-position: right;
、background-position: 100px;
、background-position: 25%;
都是正確的。background-position: top right;
或是background-position: right top;
都是合法宣告,background-position: 25% top;
和background-position: right 30px;
也是合法宣告,其中的25%是水平值,但background-position: 30% right;
就是不合法的宣告了。background-position: right 10px top 20%;
代表距離右邊界10px,距離上邊界20%。宣告四個數值時,數值以關鍵字為準,因此第一個數也可以是垂直值,如background-position: bottom 10px left 20%;
。background-position: right 10px top;
會等於background-position: right 10px top 0;
。作用區域{--變數: CSS數值;} 在作用區域的選擇器{屬性: var(--變數);}
。<aside>
內,或是作用在全部範圍,作用區域就必須寫根元素<html>
,作用在不同區域的變數識別字命名可以相同。var()
便由此而來,注意**var()
處的分號位置是在小括弧外,大括弧內**。......<body><p>TEST</p><aside><p>TEST</p></aside></body>......
html{--test-color: red;} aside{--test-color: blue;} p{color: var(--test-color);}
calc()
,做出更多變化。