Serialize text-decoration-trim with the shortest value

w3c/csswg-drafts#9340

Author: cdoublev

__tests__/style.js

@@ -1046,6 +1046,13 @@ describe('text-align-all', () => {
         expect(style.textAlignAll).toBe('')
     })
 })
+describe('text-decoration-trim', () => {
+    test('valid', () => {
+        const style = createStyleBlock()
+        style.textDecorationTrim = '1px 1px'
+        expect(style.textDecorationTrim).toBe('1px')
+    })
+})
 describe('text-justify', () => {
     test('valid', () => {
         const style = createStyleBlock()

lib/serialize.js

@@ -3479,6 +3479,7 @@ function representDeclarationValue({ name, pending, source, value }) {
         case 'subscript-size-override':
         case 'superscript-position-override':
         case 'superscript-size-override':
+        case 'text-decoration-trim':
             return representSides(value.map(serializeCSSComponentValue))
         case 'border-image-slice':
         case 'mask-border-slice':