提交 8f9f82fb 编写于 作者: D David Storey

Add CSS Intrinsic Sizing values

上级 abf38ea5
......@@ -1801,6 +1801,18 @@
<value name="auto" version="3.0" browsers="all">
<desc>The width depends on the values of other properties.</desc>
</value>
<value name="fill" version="3.0" browsers="none">
<desc>Specifies the optimal column width as the fill-available inline size of the multi-column element.</desc>
</value>
<value name="fit-content" version="3.0" browsers="none">
<desc>Specifies the optimal column width as min(max-content inline size, max(min-content inline size, fill-available inline size)).</desc>
</value>
<value name="max-content" version="3.0" browsers="none">
<desc>Specifies the optimal column width as the max-content inline size of the multi-column element’s contents.</desc>
</value>
<value name="min-content" version="3.0" browsers="none">
<desc>Specifies the optimal column width as the min-content inline size of the multi-column element’s contents.</desc>
</value>
</values>
</entry>
<entry name="contain" restriction="enum" version="3.0" browsers="none" ref="https://drafts.csswg.org/css-containment-3/#propdef-contain" syntax="div { $(name): strict; }">
......@@ -3185,6 +3197,18 @@
<value name="auto" version="1.0" browsers="all">
<desc>The height depends on the values of other properties.</desc>
</value>
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="hyphenate-character" restriction="string, enum" version="4.0" browsers="none" ref="https://drafts.csswg.org/css-text-4/#propdef-hyphenate-character" syntax="div { $(name):'~'; }">
......@@ -3940,6 +3964,18 @@
<value name="none" version="2.0" browsers="all">
<desc>No limit on the height of the box.</desc>
</value>
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="max-inline-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
......@@ -3956,6 +3992,18 @@
<value name="none" version="2.0" browsers="all">
<desc>No limit on the width of the box.</desc>
</value>
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="max-lines" restriction="integer, enum" version="3.0" browsers="none" ref="http://www.w3.org/TR/css-overflow-3/#max-lines0" syntax="div::nth-fragment(1) { $(name): 3; }">
......@@ -3973,6 +4021,18 @@
<desc>Allows authors to constrain content height to a certain range.</desc>
<values>
<value name="auto" version="3.0" browsers="E,IE11" />
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="min-inline-size" restriction="length, percentage" version="3.0" browsers="FF41" ref="https://drafts.csswg.org/css-logical-props/#propdef-min-block-size" syntax="header { $(name): 200px; }">
......@@ -3981,7 +4041,19 @@
<entry name="min-width" restriction="length, percentage" version="2.0" browsers="E,C,FF1,IE7,O7,S1" ref="http://www.w3.org/TR/css3-box/#min-width" syntax="footer { $(name): 300px; }">
<desc>Allows authors to constrain content width to a certain range.</desc>
<values>
<value name="auto" version="3.0" browsers="E,IE11" />
<value name="auto" version="3.0" browsers="E,IE11" />
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="mix-blend-mode" restriction="enum" version="3.0" browsers="C41,FF32,O29,S7.1" ref="http://www.w3.org/TR/compositing-1/#propdef-mix-blend-mode" syntax="div { $(name): saturation; }">
......@@ -9317,6 +9389,18 @@
<value name="auto" version="1.0" browsers="all">
<desc>The width depends on the values of other properties.</desc>
</value>
<value name="fill" version="3.0" browsers="none">
<desc>Use the fill-available inline size or fill-available block size, as appropriate to the writing mode.</desc>
</value>
<value name="fit-content" version="3.0" browsers="C46,O33">
<desc>Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="max-content" version="3.0" browsers="C46,O33">
<desc>Use the max-content inline size or max-content block size, as appropriate to the writing mode.</desc>
</value>
<value name="min-content" version="3.0" browsers="C46,O33">
<desc>Use the min-content inline size or min-content block size, as appropriate to the writing mode.</desc>
</value>
</values>
</entry>
<entry name="will-change" restriction="enum, identifier" version="3.0" browsers="C36,FF36,O24" ref="http://www.w3.org/TR/css-will-change/" syntax="body { $(name): scroll-position; }">
......
......@@ -1074,10 +1074,12 @@ exports.data ={
"restriction": "enum",
"values": [
{
"name": "hidden"
"name": "hidden",
"desc": "Back side is hidden."
},
{
"name": "visible"
"name": "visible",
"desc": "Back side is visible."
}
]
},
......@@ -1681,7 +1683,8 @@ exports.data ={
"restriction": "url",
"values": [
{
"name": "none"
"name": "none",
"desc": "Use the border styles."
},
{
"name": "url()"
......@@ -2186,7 +2189,12 @@ exports.data ={
"desc": "Describes the width of columns in multicol elements.",
"browsers": "E,IE10,O11.5,S9",
"restriction": "length, enum",
"values": []
"values": [
{
"name": "auto",
"desc": "The width depends on the values of other properties."
}
]
},
{
"name": "content",
......@@ -3369,7 +3377,8 @@ exports.data ={
"name": "lining-nums"
},
{
"name": "normal"
"name": "normal",
"desc": "None of the features are enabled."
},
{
"name": "oldstyle-nums"
......@@ -3473,7 +3482,24 @@ exports.data ={
"name": "height",
"desc": "Specifies the height of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "auto",
"desc": "The height depends on the values of other properties."
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "image-orientation",
......@@ -3923,7 +3949,24 @@ exports.data ={
"desc": "Allows authors to constrain content height to a certain range.",
"browsers": "E,C,FF1,IE7,O7,S1",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "none",
"desc": "No limit on the height of the box."
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "max-inline-size",
......@@ -3937,7 +3980,24 @@ exports.data ={
"desc": "Allows authors to constrain content width to a certain range.",
"browsers": "E,C,FF1,IE7,O7,S1",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "none",
"desc": "No limit on the width of the box."
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "min-block-size",
......@@ -3950,7 +4010,24 @@ exports.data ={
"desc": "Allows authors to constrain content height to a certain range.",
"browsers": "E,C,FF1,IE7,O7,S1",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "auto",
"browsers": "E,IE11"
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "min-inline-size",
......@@ -3963,7 +4040,24 @@ exports.data ={
"desc": "Allows authors to constrain content width to a certain range.",
"browsers": "E,C,FF1,IE7,O7,S1",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "auto",
"browsers": "E,IE11"
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "mix-blend-mode",
......@@ -10379,7 +10473,24 @@ exports.data ={
"name": "width",
"desc": "Specifies the width of the content area, padding area or border area (depending on 'box-sizing') of certain boxes.",
"restriction": "length, percentage",
"values": []
"values": [
{
"name": "auto",
"desc": "The width depends on the values of other properties."
},
{
"name": "fit-content",
"browsers": "C46,O33"
},
{
"name": "max-content",
"browsers": "C46,O33"
},
{
"name": "min-content",
"browsers": "C46,O33"
}
]
},
{
"name": "will-change",
......@@ -10662,6 +10773,9 @@ exports.descriptions = {
"slashed-zero": "Enables display of slashed zeros.",
"stacked-fractions": "Enables display of lining stacked fractions.",
"tabular-nums": "Enables display of tabular numerals.",
"fit-content": "Use the fit-content inline size or fit-content block size, as appropriate to the writing mode.",
"max-content": "Use the max-content inline size or max-content block size, as appropriate to the writing mode.",
"min-content": "Use the min-content inline size or min-content block size, as appropriate to the writing mode.",
"flip": "After rotating by the precededing angle, the image is flipped horizontally. Defaults to 0deg if the angle is ommitted.",
"from-image": "If the image has an orientation specified in its metadata, such as EXIF, this value computes to the angle that the metadata specifies is necessary to correctly orient the image.",
"crisp-edges": "The image must be scaled with an algorithm that preserves contrast and edges in the image, and which does not smooth colors or introduce blur to the image in the process.",
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册