CSS 資料型別 - <angle-percentage>

CSS <angle-percentage> 資料型別表示 <angle> 值的一部分。

當您使用<angle-percentage> 作為允許的型別時，指定的百分比可以轉換為角度並在 calc() 表示式中使用。

可能的值

<angle> - 它表示以度、梯度、弧度或圈數測量的角度。
<percentage> - 它表示 0% 到 100% 之間的百分比值。

語法

<angle-percentage> = <angle> | <percentage>;

CSS <angle-percentage> - 示例

以下示例演示了transform: rotate(calc(45deg)) 屬性的使用，該屬性將框旋轉 45 度：

<html>
<head>
<style>
   div { 
      height: 100px;
      width: 100px;
      border: 2px solid blue;
      margin: 20px;
      transform: rotate(calc(45deg));
   }
</style>
</head>
<body>
   <div>
      The box rotates by 45deg.
   </div>
</body>
</html>