CSS Logical Properties and Values L1 (WD 2018-05-29)

https://drafts.csswg.org/css-logical/
This commit is contained in:
tophf 2018-06-06 11:41:17 +03:00
parent 711a3afeee
commit 1619803a64

View File

@ -168,17 +168,40 @@ self.parserlib = (() => {
'behavior': 1, 'behavior': 1,
'binding': 1, 'binding': 1,
'bleed': '<length>', 'bleed': '<length>',
'block-size': '<width>',
'bookmark-label': '<content-list>', 'bookmark-label': '<content-list>',
'bookmark-level': 'none | <integer>', 'bookmark-level': 'none | <integer>',
'bookmark-state': 'open | closed', 'bookmark-state': 'open | closed',
'bookmark-target': 'none | <uri> | attr()', 'bookmark-target': 'none | <uri> | attr()',
'border': '<border-width> || <border-style> || <color>', 'border': '<border-shorthand>',
'border-bottom': '<border-width> || <border-style> || <color>', 'border-block-color': '<color>{1,2}',
'border-block-end': '<border-shorthand>',
'border-block-end-color': '<color>',
'border-block-end-style': '<border-style>',
'border-block-end-width': '<border-width>',
'border-block-start': '<border-shorthand>',
'border-block-start-color': '<color>',
'border-block-start-style': '<border-style>',
'border-block-start-width': '<border-width>',
'border-block-style': '<border-style>{1,2}',
'border-block-width': '<border-width>{1,2}',
'border-bottom': '<border-shorthand>',
'border-bottom-color': '<color>', 'border-bottom-color': '<color>',
'border-bottom-left-radius': '<x-one-radius>', 'border-bottom-left-radius': '<x-one-radius>',
'border-bottom-right-radius': '<x-one-radius>', 'border-bottom-right-radius': '<x-one-radius>',
'border-bottom-style': '<border-style>', 'border-bottom-style': '<border-style>',
'border-bottom-width': '<border-width>', 'border-bottom-width': '<border-width>',
'border-inline-color': '<color>{1,2}',
'border-inline-end': '<border-shorthand>',
'border-inline-end-color': '<color>',
'border-inline-end-style': '<border-style>',
'border-inline-end-width': '<border-width>',
'border-inline-start': '<border-shorthand>',
'border-inline-start-color': '<color>',
'border-inline-start-style': '<border-style>',
'border-inline-start-width': '<border-width>',
'border-inline-style': '<border-style>{1,2}',
'border-inline-width': '<border-width>{1,2}',
'border-collapse': 'collapse | separate', 'border-collapse': 'collapse | separate',
'border-color': '<color>{1,4}', 'border-color': '<color>{1,4}',
'border-image': '[ none | <image> ] || <border-image-slice> ' + 'border-image': '[ none | <image> ] || <border-image-slice> ' +
@ -189,25 +212,25 @@ self.parserlib = (() => {
'border-image-slice': '<border-image-slice>', 'border-image-slice': '<border-image-slice>',
'border-image-source': '<image> | none', 'border-image-source': '<image> | none',
'border-image-width': '<border-image-width>', 'border-image-width': '<border-image-width>',
'border-left': '<border-width> || <border-style> || <color>', 'border-left': '<border-shorthand>',
'border-left-color': '<color>', 'border-left-color': '<color>',
'border-left-style': '<border-style>', 'border-left-style': '<border-style>',
'border-left-width': '<border-width>', 'border-left-width': '<border-width>',
'border-radius': '<border-radius>', 'border-radius': '<border-radius>',
'border-right': '<border-width> || <border-style> || <color>', 'border-right': '<border-shorthand>',
'border-right-color': '<color>', 'border-right-color': '<color>',
'border-right-style': '<border-style>', 'border-right-style': '<border-style>',
'border-right-width': '<border-width>', 'border-right-width': '<border-width>',
'border-spacing': '<length>{1,2}', 'border-spacing': '<length>{1,2}',
'border-style': '<border-style>{1,4}', 'border-style': '<border-style>{1,4}',
'border-top': '<border-width> || <border-style> || <color>', 'border-top': '<border-shorthand>',
'border-top-color': '<color>', 'border-top-color': '<color>',
'border-top-left-radius': '<x-one-radius>', 'border-top-left-radius': '<x-one-radius>',
'border-top-right-radius': '<x-one-radius>', 'border-top-right-radius': '<x-one-radius>',
'border-top-style': '<border-style>', 'border-top-style': '<border-style>',
'border-top-width': '<border-width>', 'border-top-width': '<border-width>',
'border-width': '<border-width>{1,4}', 'border-width': '<border-width>{1,4}',
'bottom': '<margin-width>', 'bottom': '<width>',
'box-decoration-break': 'slice | clone', 'box-decoration-break': 'slice | clone',
'box-shadow': '<box-shadow>', 'box-shadow': '<box-shadow>',
'box-sizing': 'content-box | border-box', 'box-sizing': 'content-box | border-box',
@ -237,8 +260,8 @@ self.parserlib = (() => {
// C // C
'caret-color': 'auto | <color>', 'caret-color': 'auto | <color>',
'caption-side': 'top | bottom', 'caption-side': 'top | bottom | inline-start | inline-end',
'clear': 'none | right | left | both', 'clear': 'none | right | left | both | inline-start | inline-end',
'clip': 'rect() | inset-rect() | auto', 'clip': 'rect() | inset-rect() | auto',
'clip-path': '<clip-source> | <clip-path> | none', 'clip-path': '<clip-source> | <clip-path> | none',
'clip-rule': 'nonzero | evenodd', 'clip-rule': 'nonzero | evenodd',
@ -250,7 +273,7 @@ self.parserlib = (() => {
'column-count': '<integer> | auto', 'column-count': '<integer> | auto',
'column-fill': 'auto | balance', 'column-fill': 'auto | balance',
'column-gap': '<column-gap>', 'column-gap': '<column-gap>',
'column-rule': '<border-width> || <border-style> || <color>', 'column-rule': '<border-shorthand>',
'column-rule-color': '<color>', 'column-rule-color': '<color>',
'column-rule-style': '<border-style>', 'column-rule-style': '<border-style>',
'column-rule-width': '<border-width>', 'column-rule-width': '<border-width>',
@ -314,7 +337,7 @@ self.parserlib = (() => {
'flex-grow': '<number>', 'flex-grow': '<number>',
'flex-shrink': '<number>', 'flex-shrink': '<number>',
'flex-wrap': 'nowrap | wrap | wrap-reverse', 'flex-wrap': 'nowrap | wrap | wrap-reverse',
'float': 'left | right | none', 'float': 'left | right | none | inline-start | inline-end',
'float-offset': 1, 'float-offset': 1,
'flood-color': 1, 'flood-color': 1,
'flood-opacity': '<opacity-value>', 'flood-opacity': '<opacity-value>',
@ -381,6 +404,14 @@ self.parserlib = (() => {
'image-resolution': 1, 'image-resolution': 1,
'ime-mode': 'auto | normal | active | inactive | disabled', 'ime-mode': 'auto | normal | active | inactive | disabled',
'inline-box-align': 'last | <integer>', 'inline-box-align': 'last | <integer>',
'inline-size': '<width>',
'inset': '<width>{1,4}',
'inset-block': '<width>{1,2}',
'inset-block-end': '<width>',
'inset-block-start': '<width>',
'inset-inline': '<width>{1,2}',
'inset-inline-end': '<width>',
'inset-inline-start': '<width>',
'isolation': 'auto | isolate', 'isolation': 'auto | isolate',
// J // J
@ -393,7 +424,7 @@ self.parserlib = (() => {
'kerning': 'auto | <length>', 'kerning': 'auto | <length>',
// L // L
'left': '<margin-width>', 'left': '<width>',
'letter-spacing': '<length> | normal', 'letter-spacing': '<length> | normal',
'line-height': '<line-height>', 'line-height': '<line-height>',
'line-break': 'auto | loose | normal | strict', 'line-break': 'auto | loose | normal | strict',
@ -409,11 +440,17 @@ self.parserlib = (() => {
'georgian | lower-alpha | upper-alpha | none', 'georgian | lower-alpha | upper-alpha | none',
// M // M
'margin': '<margin-width>{1,4}', 'margin': '<width>{1,4}',
'margin-bottom': '<margin-width>', 'margin-bottom': '<width>',
'margin-left': '<margin-width>', 'margin-left': '<width>',
'margin-right': '<margin-width>', 'margin-right': '<width>',
'margin-top': '<margin-width>', 'margin-top': '<width>',
'margin-block': '<width>{1,2}',
'margin-block-end': '<width>',
'margin-block-start': '<width>',
'margin-inline': '<width>{1,2}',
'margin-inline-end': '<width>',
'margin-inline-start': '<width>',
'mark': 1, 'mark': 1,
'mark-after': 1, 'mark-after': 1,
'mark-before': 1, 'mark-before': 1,
@ -431,6 +468,10 @@ self.parserlib = (() => {
'max-width': 'none | <width-height>', 'max-width': 'none | <width-height>',
'min-height': 'auto | <width-height>', 'min-height': 'auto | <width-height>',
'min-width': 'auto | <width-height>', 'min-width': 'auto | <width-height>',
'max-block-size': '<length-percentage> | none',
'max-inline-size': '<length-percentage> | none',
'min-block-size': '<length-percentage>',
'min-inline-size': '<length-percentage>',
'mix-blend-mode': '<blend-mode>', 'mix-blend-mode': '<blend-mode>',
'move-to': 1, 'move-to': 1,
@ -460,13 +501,19 @@ self.parserlib = (() => {
// P // P
'padding': '<padding-width>{1,4}', 'padding': '<padding-width>{1,4}',
'padding-block': '<padding-width>{1,2}',
'padding-block-end': '<padding-width>',
'padding-block-start': '<padding-width>',
'padding-bottom': '<padding-width>', 'padding-bottom': '<padding-width>',
'padding-inline': '<padding-width>{1,2}',
'padding-inline-end': '<padding-width>',
'padding-inline-start': '<padding-width>',
'padding-left': '<padding-width>', 'padding-left': '<padding-width>',
'padding-right': '<padding-width>', 'padding-right': '<padding-width>',
'padding-top': '<padding-width>', 'padding-top': '<padding-width>',
'page': 1, 'page': 1,
'page-break-after': 'auto | always | avoid | left | right', 'page-break-after': 'auto | always | avoid | left | right | recto | verso',
'page-break-before': 'auto | always | avoid | left | right', 'page-break-before': 'auto | always | avoid | left | right | recto | verso',
'page-break-inside': 'auto | avoid', 'page-break-inside': 'auto | avoid',
'page-policy': 1, 'page-policy': 1,
'pause': 1, 'pause': 1,
@ -493,12 +540,12 @@ self.parserlib = (() => {
// R // R
'rendering-intent': 1, 'rendering-intent': 1,
'resize': 1, 'resize': 'none | both | horizontal | vertical | block | inline',
'rest': 1, 'rest': 1,
'rest-after': 1, 'rest-after': 1,
'rest-before': 1, 'rest-before': 1,
'richness': 1, 'richness': 1,
'right': '<margin-width>', 'right': '<width>',
'rotate': 'none | <number>{3}? <angle>', 'rotate': 'none | <number>{3}? <angle>',
'rotation': 1, 'rotation': 1,
'rotation-point': 1, 'rotation-point': 1,
@ -538,8 +585,9 @@ self.parserlib = (() => {
'target-name': 1, 'target-name': 1,
'target-new': 1, 'target-new': 1,
'target-position': 1, 'target-position': 1,
'text-align': 'left | right | center | justify | match-parent | start | end', 'text-align': 'start | end | left | right | center | justify | match-parent | justify-all',
'text-align-last': 1, 'text-align-all': 'start | end | left | right | center | justify | match-parent',
'text-align-last': 'auto | start | end | left | right | center | justify',
'text-anchor': 'start | middle | end', 'text-anchor': 'start | middle | end',
'text-decoration': '<text-decoration-line> || <text-decoration-style> || <text-decoration-color>', 'text-decoration': '<text-decoration-line> || <text-decoration-style> || <text-decoration-color>',
'text-decoration-color': '<text-decoration-color>', 'text-decoration-color': '<text-decoration-color>',
@ -557,7 +605,7 @@ self.parserlib = (() => {
'text-shadow': 'none | [ [ <color> && <length>{2,3} ] | <length>{2,3} ]#', 'text-shadow': 'none | [ [ <color> && <length>{2,3} ] | <length>{2,3} ]#',
'text-transform': 'capitalize | uppercase | lowercase | none', 'text-transform': 'capitalize | uppercase | lowercase | none',
'text-wrap': 'normal | none | avoid', 'text-wrap': 'normal | none | avoid',
'top': '<margin-width>', 'top': '<width>',
'touch-action': 'auto | none | pan-x | pan-y | pan-left | pan-right | pan-up | pan-down | manipulation', 'touch-action': 'auto | none | pan-x | pan-y | pan-left | pan-right | pan-up | pan-down | manipulation',
'transform': 'none | <transform-function>+', 'transform': 'none | <transform-function>+',
'transform-box': 'border-box | fill-box | view-box', 'transform-box': 'border-box | fill-box | view-box',
@ -751,8 +799,6 @@ self.parserlib = (() => {
); );
}, },
'<margin-width>': '<length> | <percentage> | auto',
'<miterlimit>': function (part) { '<miterlimit>': function (part) {
return this['<number>'](part) && part.value >= 1; return this['<number>'](part) && part.value >= 1;
}, },
@ -843,7 +889,7 @@ self.parserlib = (() => {
); );
}, },
'<width>': '<margin-width>', '<width>': '<length> | <percentage> | auto',
}, },
complex: { complex: {
@ -887,6 +933,7 @@ self.parserlib = (() => {
'fill'), 'fill'),
'<border-image-width>': '[ <length> | <percentage> | <number> | auto ]{1,4}', '<border-image-width>': '[ <length> | <percentage> | <number> | auto ]{1,4}',
'<border-radius>': '<nonnegative-length-or-percentage>{1,4} [ / <nonnegative-length-or-percentage>{1,4} ]?', '<border-radius>': '<nonnegative-length-or-percentage>{1,4} [ / <nonnegative-length-or-percentage>{1,4} ]?',
'<border-shorthand>': '<border-width> || <border-style> || <color>',
'<box-shadow>': 'none | <shadow>#', '<box-shadow>': 'none | <shadow>#',