CSS Logical Properties and Values L1 (WD 2018-05-29)
https://drafts.csswg.org/css-logical/
This commit is contained in:
parent
711a3afeee
commit
1619803a64
|
@ -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-bottom-color': '<color>',
|
'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-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>#',
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user