159
159
●●options
160
160
161
161
spec_title:CSS Gap Decorations Module Level 1
162
- spec_date:2025 - 04 - 14
163
- trans_update:2025 - 04 - 15
162
+ spec_date:2025 - 04 - 30
163
+ trans_update:2025 - 05 - 03
164
164
source_checked:
165
165
page_state_key:CSS
166
166
original_url:https://drafts.csswg.org/css-forms-1/
250
250
p . padding :~ CSSBOX #propdef- padding
251
251
p . position - try - fallbacks :~ CSSANCHOR #propdef- position - try - fallbacks
252
252
p . position - try - order :~ CSSANCHOR #propdef- position - try - order
253
+ p . text - align :~ CSSTEXT #propdef- text - align
254
+ p . text - indent :~ CSSTEXT #propdef- text - indent
255
+ p . text - transform :~ CSSTEXT #propdef- text - transform
253
256
p . user - select :~ CSSUI #propdef- user - select
254
257
p . visibility :~ CSSDISP #propdef- visibility
255
258
p . white - space :~ CSSTEXT #propdef- white - space
595
598
https://github.com/w3c/csswg-drafts/labels/css-forms-1
596
599
編集
597
600
< a href = "mailto:[email protected] " > Tim Nguyen < / a > ( A p p l e I n c .
)
601
+ < a href = "https://lukewarlow.dev" > Luke Warlow</ a > ( Igalia )
602
+
598
603
Suggest an Edit for this Spec
599
604
< a href = "https://github.com/w3c/csswg-drafts/blob/main/css-forms-1/Overview.bs" > GitHub Editor < / a >
600
605
commit 履歴
@@ -2689,17 +2694,17 @@ <h3 title="Selects & buttons">`select^e と~button</h3>
2689
2694
これらの最小-~size規則は、
2690
2695
`~WCAG規則@https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html$
2691
2696
に従うことにより,~accessibilityを確保する。
2692
- `1lh^v【!`1.2em^v】 は、
2697
+ `1lh^v は、
2693
2698
`option$e が~textを伴わない場合でも,
2694
2699
`button$e の塊~sizeを変更しないことを~~確保するためにある。
2695
2700
◎
2696
2701
These min-size rules ensure accessibility by following WCAG rules:
2697
2702
* https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html
2698
- * The 1.2em is there to make sure that options without text don't change
2703
+ * The 1lh is there to make sure that options without text don't change
2699
2704
* the block size of the button.
2700
2705
</ span > */
2701
- `min-block-size$p: max(24px, 1lh);
2702
- `min-inline-size$p: 24px;
2706
+ `min-block-size$p: calc-size(auto, max(size, 24px, 1lh) );
2707
+ `min-inline-size$p: calc-size(auto, max(size, 24px)) ;
2703
2708
2704
2709
/* < span class ="comment ">
2705
2710
`box-sizing^p は、
@@ -2719,9 +2724,13 @@ <h3 title="Selects & buttons">`select^e と~button</h3>
2719
2724
* in between it and the text.
2720
2725
</ span > */
2721
2726
`display$p: inline-flex;
2722
- `gap$p: 1em ;
2727
+ `gap$p: 0.5em ;
2723
2728
2724
2729
`user-select$p: none;
2730
+
2731
+ `text-transform$p: initial;
2732
+ `text-align$p: initial;
2733
+ `text-indent$p: initial;
2725
2734
}
2726
2735
:is(button, select, input:is([type="color"], [type="button"], [type="reset"], [type="submit"])):enabled:hover,
2727
2736
:enabled::file-selector-button:hover {
0 commit comments