CSS3中的outset

CSS3是一組新的CSS屬性和規則，用于控制圖像和圖形的顯示效果。其中之一是outset屬性，用于控制圖像的突出顯示效果。該屬性允許您設置圖像的突出位置和大小，以及突出顯示的持續時間。

outset屬性的值由兩個數字組成，第一個數字表示突出顯示的寬度，第二個數字表示突出顯示的高度。當這兩個值相等時，圖像將處于居中位置，并且不會突出顯示。當第一個數字大于第二個數字時，圖像將向突出顯示方向移動，直到第一個數字和第二個數字相等。當第一個數字小于第二個數字時，圖像將向突出顯示方向縮小，直到第一個數字和第二個數字相等。

以下是使用outset屬性的示例：

```css

width: 100px;

height: 100px;

outset: 50px;

這將創建一個100x100像素的圖像，并將其突出顯示50像素。您可以使用不同的值來改變突出的位置和大小。

另一個有用的outset屬性是border-radius。該屬性允許您設置圓角的半徑，從而控制圖像的圓角效果。outset和border-radius屬性可以結合使用，以創建更加復雜的圖形效果。

總之，outset屬性是CSS3中一個非常重要的屬性，它允許您控制圖像的突出顯示效果和圓角效果。如果您需要創建復雜的圖形效果，outset屬性是您需要了解的一個關鍵屬性。