CSS中的attr函數用于計算屬性值，允許我們在CSS樣式中指定一個或多個屬性值，并使用這些值來控制HTML元素的外觀和行為。

以下是一些常見的CSSattr函數：

1. `attr(attributeName, value)`：用于指定一個屬性的值。如果屬性沒有指定值，則返回`null`。

2. `attr(attributeName, [expression])`：用于指定一個屬性的值，其中`expression`是一個可以計算的表達式。如果屬性沒有指定值，則返回`null`。如果表達式失敗，則返回`null`。

3. `attr(attributeName, -value)`：用于從屬性值中減去一個值。如果屬性沒有指定值，則返回`null`。

4. `attr(attributeName, +value)`：用于從屬性值中增加一個值。如果屬性沒有指定值，則返回`null`。

5. `attr(attributeName, "value")`：用于指定一個字符串類型的屬性的值，如果該屬性沒有指定值，則返回`null`。

6. `attr(attributeName, ">value")`：用于指定一個大于等于`value`的屬性的值。如果`value`小于或等于`attributeName`，則返回`null`。

7. `attr(attributeName, "<value")`：用于指定一個小于等于`value`的屬性的值。如果`value`大于`attributeName`，則返回`null`。

這些CSSattr函數可以根據需要進行組合使用，以滿足不同的需求。例如，可以使用`attr()`函數來指定一個背景顏色，然后使用`background-color()`函數來計算該顏色的屬性值。

需要注意的是，在使用CSSattr函數時，必須正確指定屬性值，否則可能會導致樣式錯誤或無法渲染。因此，在設計CSS樣式時，請確保正確定義所有屬性。