Skip to content

Commit

Permalink
Correctly reference CSS UI for various terms
Browse files Browse the repository at this point in the history
  • Loading branch information
@zcorpan
zcorpan committed Sep 9, 2021
1 parent 7db4ee6 commit 06f45ef
Showing 1 changed file with 46 additions and 33 deletions.
79 changes: 46 additions & 33 deletions source
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3637,12 +3637,6 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
<li>The <dfn data-x-href="https://drafts.csswg.org/css-text/#propdef-word-spacing">'word-spacing'</dfn>property</li>
</ul>

<p>The following features are defined in <cite>CSS User Interface</cite>: <ref spec=CSSUI></p>

<ul class="brief">
<li>The concept <dfn data-x-href="https://drafts.csswg.org/css-ui/#native-appearance">native appearance</dfn></li>
</ul>

<p>The following features are defined in <cite>CSS Writing Modes</cite>: <ref spec=CSSWM></p>

<ul class="brief">
Expand All @@ -3668,6 +3662,34 @@ a.setAttribute('href', 'https://example.com/'); // change the content attribute
<li>The <dfn data-x-href="https://drafts.csswg.org/css-ui/#appearance-switching">'appearance'</dfn> property and its
<dfn data-x-href="https://drafts.csswg.org/css-ui/#typedef-appearance-compat-auto">&lt;compat-auto></dfn>
non-terminal value type.</li>
<li>The concept <dfn data-x-href="https://drafts.csswg.org/css-ui/#native-appearance">native appearance</dfn></li>
<li>The concept <dfn data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget">kind of widget</dfn>
and associated kinds of widgets
<dfn data-x="concept-widget-none" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-none">none</dfn>,
<dfn data-x="concept-widget-button" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-button">button</dfn>,
<dfn data-x="concept-widget-searchfield" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-searchfield">searchfield</dfn>,
<dfn data-x="concept-widget-textfield" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-textfield">textfield</dfn>,
<dfn data-x="concept-widget-slider-horizontal" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-slider-horizontal">slider-horizontal</dfn>,
<dfn data-x="concept-widget-checkbox" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-checkbox">checkbox</dfn>,
<dfn data-x="concept-widget-radio" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-radio">radio</dfn>,
<dfn data-x="concept-widget-listbox" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-listbox">listbox</dfn>,
<dfn data-x="concept-widget-menulist" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-menulist">menulist</dfn>,
<dfn data-x="concept-widget-menulist-button" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-menulist-button">menulist-button</dfn>,
<dfn data-x="concept-widget-textarea" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-textarea">textarea</dfn>,
<dfn data-x="concept-widget-progress-bar" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-progress-bar">progress-bar</dfn>,
<dfn data-x="concept-widget-meter" data-x-href="https://drafts.csswg.org/css-ui/#kind-of-widget-meter">meter</dfn>.</li>
<li>The <dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-button">can be a button</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-textfield">can be a textfield</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-searchfield">can be a searchfield</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-slider-horizontal">can be a slider-horizontal</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-checkbox">can be a checkbox</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-radio">can be a radio</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-listbox">can be a listbox</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-menulist">can be a menulist</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-menulist-button">can be a menulist-button</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-textarea">can be a textarea</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-progress-bar">can be a progress-bar</dfn>,
<dfn data-x-href="https://drafts.csswg.org/css-ui/#can-be-a-meter">can be a meter</dfn> concepts.</li>
</ul>

<p>The algorithm to <dfn
Expand Down Expand Up @@ -117316,26 +117338,17 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h4>Determine what widget an HTML element can be</h4>

<p>This section defines how to determine what <dfn>kind of widget</dfn> an element can be.
The possible <span data-x="kind of widget">kinds of widgets</span> are
<dfn data-x="concept-widget-none" data-export="" data-dfn-for="rendering-widget">none</dfn>,
<dfn data-x="concept-widget-button" data-export="" data-dfn-for="rendering-widget">button</dfn>,
<dfn data-x="concept-widget-textfield" data-export="" data-dfn-for="rendering-widget">textfield</dfn>,
<dfn data-x="concept-widget-searchfield" data-export="" data-dfn-for="rendering-widget">searchfield</dfn>,
<dfn data-x="concept-widget-slider-horizontal" data-export="" data-dfn-for="rendering-widget">slider-horizontal</dfn>,
<dfn data-x="concept-widget-checkbox" data-export="" data-dfn-for="rendering-widget">checkbox</dfn>,
<dfn data-x="concept-widget-radio" data-export="" data-dfn-for="rendering-widget">radio</dfn>,
<dfn data-x="concept-widget-listbox" data-export="" data-dfn-for="rendering-widget">listbox</dfn>,
<dfn data-x="concept-widget-menulist" data-export="" data-dfn-for="rendering-widget">menulist</dfn>,
<dfn data-x="concept-widget-menulist-button" data-export="" data-dfn-for="rendering-widget">menulist-button</dfn>,
<dfn data-x="concept-widget-textarea" data-export="" data-dfn-for="rendering-widget">textarea</dfn>,
<dfn data-x="concept-widget-progress-bar" data-export="" data-dfn-for="rendering-widget">progress-bar</dfn>, and
<dfn data-x="concept-widget-meter" data-export="" data-dfn-for="rendering-widget">meter</dfn>.</p>
<p>The <cite>CSS Basic User Interface</cite> specification defines how to determine what
<span>kind of widget</span> an element can be. This section defines which elements <span>can be a
button</span>, <span>can be a textfield</span>, <span>can be a searchfield</span>, <span>can be a
slider-horizontal</span>, <span>can be a menulist-button</span>, <span>can be a menulist</span>,
<span>can be a textarea</span>, <span>can be a progress-bar</span>, <span>can be a meter</span>.
<ref spec=CSSUI></p>


<h5>Determine if element can be a button</h5>

<p>To determine if an element <var>element</var> <dfn>can be a button</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a button</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand Down Expand Up @@ -117368,7 +117381,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a textfield</h5>

<p>To determine if an element <var>element</var> <dfn>can be a textfield</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a textfield</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand Down Expand Up @@ -117412,7 +117425,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a searchfield</h5>

<p>To determine if an element <var>element</var> <dfn>can be a searchfield</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a searchfield</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117432,7 +117445,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a slider-horizontal</h5>

<p>To determine if an element <var>element</var> <dfn>can be a slider-horizontal</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a slider-horizontal</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117452,7 +117465,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a checkbox</h5>

<p>To determine if an element <var>element</var> <dfn>can be a checkbox</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a checkbox</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117472,7 +117485,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a radio</h5>

<p>To determine if an element <var>element</var> <dfn>can be a radio</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a radio</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117492,7 +117505,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a listbox</h5>

<p>To determine if an element <var>element</var> <dfn>can be a listbox</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a listbox</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117511,7 +117524,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a menulist</h5>

<p>To determine if an element <var>element</var> <dfn>can be a menulist</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a menulist</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117530,7 +117543,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a menulist-button</h5>

<p>To determine if an element <var>element</var> <dfn>can be a menulist-button</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a menulist-button</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117550,7 +117563,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a textarea</h5>

<p>To determine if an element <var>element</var> <dfn>can be a textarea</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a textarea</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117568,7 +117581,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a progress-bar</h5>

<p>To determine if an element <var>element</var> <dfn>can be a progress-bar</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a progress-bar</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand All @@ -117586,7 +117599,7 @@ input[type=image i][align=bottom i], object[align=bottom i] {

<h5>Determine if element can be a meter</h5>

<p>To determine if an element <var>element</var> <dfn>can be a meter</dfn>, given
<p>To determine if an element <var>element</var> <span>can be a meter</span>, given
<var>computedAppearance</var>:</p>

<ol>
Expand Down

0 comments on commit 06f45ef

Please sign in to comment.