將邊框半徑應用於容器時,其中的內容可能會意外超出其邊緣。這個觀察提出了一個問題:內容是否應該在圓形邊框內被裁切?
為了理解預期的行為,我們深入研究了 CSS 的規範。元素(包括 div)的預設溢出屬性設定為“可見”,表示內容不會被剪切,並且可能會延伸到區塊框之外。
此外,背景和邊框模組指定「其他效果」剪輯到邊框或填充邊緣(例如「溢出」而不是「可見」)也必須剪輯到曲線。 」這意味著,要使圓角剪切內容,容器的溢出值必須設定為「可見」以外的值。
因此,儘管看起來令人驚訝,但內容的預期行為是除非容器具有「隱藏」溢位值或其他不可見值,否則不會在圓形邊框內進行裁切。
以上是Border-Radius 會剪輯內容嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!