a { prop1: func(1px,1px,1px,func(1px,1px,1px,func(1px,1px,1px))); prop2: func( 1px ,1px ,1px ,func( 1px ,1px ,1px ,func( 1px ,1px ,1px ) ) ); prop3: func(1px, 1px, 1px, func(1px, 1px, 1px, func(1px, 1px, 1px))); prop4: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) ); prop5: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) ); prop6: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) ); prop7: func( 1px , 1px , 1px , func( 1px , 1px , 1px , func( 1px , 1px , 1px ) ) ); prop8: very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px,very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px,very-very-very-very-very-very-vey-very-very-long-func(1px,1px,1px))); prop9: very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px ) ) ); prop10: very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px, very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px ) ) ); prop11: very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px , very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px, very-very-very-very-very-very-vey-very-very-long-func( 1px , 1px , 1px ) ) ); } .foo { --paddingC: calc( var( --widthB ) / 2 ); content: attr( data-title ); color: var( --main-bg-color ); background-color: rgb( 255, 0, 0 ); background: element( #css-source ); padding-top: var( --paddingC ); margin: 1*1 (1)*1 1*(1) (1)*(1); prop: -1*-1 -(-1)*-1 -1*-(-1) -(-1)*-(-1); prop4: +1; prop5: -1; prop6: word + 1; /* word1 */ prop7: word - 1; /* word-1 */ prop8: +1 +1 +1 +1; /* +1 +1 +1 +1 */ prop9: -1 -1 -1 -1; /* -1 -1 -1 -1 */ prop10: (-1); prop11: (+1); prop12: 10px/8px; prop13: round(1.5)/2 round(1.5) /2 round(1.5)/ 2 round(1.5) / 2; prop14: 2/round(1.5) 2 /round(1.5) 2/ round(1.5) 2 / round(1.5); prop15: (round(1.5)/2) (round(1.5) /2) (round(1.5)/ 2) (round(1.5) / 2); prop16: (2/round(1.5)) (2 /round(1.5)) (2/ round(1.5)) (2 / round(1.5)); prop26: 8px/2px 8px /1 1/ 2px 1 / 2; prop27: 8px/2px 8px/1 1/2px 1/2; prop28: 8px / 2px 8px / 1 1 / 2px 1 / 2; prop29: (8px/2px) (8px/1) (1/2px) (1/2); prop30: (8px / 2px) (8px / 1) (1 / 2px) (1 / 2); prop32: func(8px/2); prop33: 5px + 8px/2px; prop34: func(+20px, + 20px); prop35: 1+1+1+1; prop36: 1 + 1 + 1 + 1; prop37: 1 +1 1 +1; prop38: ++1; prop39: ++(1); prop40: --1; prop41: --(1); prop42: 1px+1px+1px+1px; prop43: 1px + 1px + 1px + 1px; prop44: -1+-1 -(-1)+-1 -1+-(-1) -(-1)+-(-1); prop45: round(1.5)*2 round(1.5) *2 round(1.5)* 2 round(1.5) * 2; prop46: 2*round(1.5) 2 *round(1.5) 2* round(1.5) 2 * round(1.5); prop47: (round(1.5)*2) (round(1.5) *2) (round(1.5)* 2) (round(1.5) * 2); prop48: (2*round(1.5)) (2 *round(1.5)) (2* round(1.5)) (2 * round(1.5)); prop57: round(1.5)+2 round(1.5) +2 round(1.5)+ 2 round(1.5) + 2; prop58: 2+round(1.5) 2 +round(1.5) 2+ round(1.5) 2 + round(1.5); prop59: (round(1.5)+2) (round(1.5) +2) (round(1.5)+ 2) (round(1.5) + 2); prop60: (2+round(1.5)) (2 +round(1.5)) (2+ round(1.5)) (2 + round(1.5)); prop69: "test"+1 "test" +1 "test"+ 1 "test" + 1; prop70: 1+"test" 1 +"test" 1+ "test" 1 + "test"; prop71: "test"-1 "test" -1 "test"- 1 "test" - 1; prop72: 1-"test" 1 -"test" 1- "test" 1 - "test"; prop73: calc(100%*2px) calc(100% *2px) calc(100%* 2px) calc(100% * 2px); prop74: calc(100%/2px) calc(100% /2px) calc(100%/ 2px) calc(100% / 2px); prop75: calc(100%+2px) calc(100% +2px) calc(100%+ 2px) calc(100% + 2px); prop76: calc(100%-2px) calc(100% -2px) calc(100%- 2px) calc(100% - 2px); prop77: calc(-5px); prop78: calc(+5px); prop79: calc(-100px + 100px); prop80: calc(+100px + 100px); prop81: calc(100px - 100px); prop82: calc(100px + 100px); } .bar { prop1: attr(data-foo); prop2: attr( data-foo ); prop3: attr( data-foo ); prop4: attr( data-foo ); prop5: attr( data-foo ); prop6: attr(data-foo); prop7: attr( data-foo ); prop8: attr( data-foo ) ; prop9:"("attr(title)")"; prop10: "(" attr( title ) ")"; prop11: "(" attr( title ) ")"; prop12: "(" attr(title) ")"; prop13: "(" attr(title) ")"; prop14: "(" attr( title ) ")"; prop15: "(" attr( title ) ")" ; prop16: attr(length em); prop17: attr(length em); prop18: attr(length em); prop19: attr( length em ); prop20:attr(data-size em,20); prop21: attr( data-size em , 20 ); prop22: attr( data-size em , 20 ); prop23: attr( data-size em, 20 ); prop24: attr( data-size em, 20 ); prop25: attr( data-size em, 20 ) ; } .bar { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',startColorstr='#fff',endColorstr='#000'); filter: progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=45, Strength=6) progid:DXImageTransform.Microsoft.Shadow(color='#042b47', Direction=135, Strength=6); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fad59f, endColorstr=#fa9907)"; } .unicode-ranges { /* values */ unicode-range: U+26; /* single codepoint */ unicode-range: U+0-7F; unicode-range: U+0025-00FF; /* codepoint range */ unicode-range: U+4??; /* wildcard range */ unicode-range: U+0025-00FF, U+4??; /* multiple values */ }