CSS New Feature

Safari 18.2 (2024/12/11)

• @view-transition
• view-transition-class
• view-transition-name: auto
• ruby-align
• ruby-overhang
• ruby-position
• text-box-edge
• text-box-trim
• text-box
• text-underline-position: left & text-underline-position: right
• background-clip: border-area
• scrollbar-gutter
• scrollbar-width
• @page @margin-*
• @page { size: jis-b4 & size: jis-b5 }
• closest-corner & farthest-corner
• ::target-text
• calc() unit value support
• line-clamp: none
• text-underline-offset percentage value support
• <text-edge>

see Safari 18.2 Release Notes

Safari 18.0 (2024/09/16)

• content-visibility
• view-transition-name
• ::view-transition-group()
• ::view-transition-image-pair()
• ::view-transition-new()
• ::view-transition-old()
• ::view-transition
• backdrop-filter
• :active-view-transition
• offset-path
• hsl() hsla() update
• rgb() rgba() update
• hwb() update
• <color> update

see Safari 18.2 Release Notes