Open
Bug 363250
Opened 18 years ago
Updated 7 months ago
implement toggle() expression
Categories
(Core :: CSS Parsing and Computation, enhancement)
Core
CSS Parsing and Computation
Tracking
()
NEW
People
(Reporter: dbaron, Unassigned)
References
(Blocks 4 open bugs, )
Details
(Keywords: dev-doc-needed)
We should implement -moz-cycle() as described in: http://lists.w3.org/Archives/Public/www-style/1999May/0067 http://lists.w3.org/Archives/Public/www-style/1999Jun/0026 http://lists.w3.org/Archives/Member/w3c-css-wg/2006JanMar/0310 The last of those messages is member-confidential, but since I wrote it, the entire contents are the following: I'd like to resurrect an old proposal for addition to css3-values [1]: http://lists.w3.org/Archives/Public/www-style/1999May/0067 http://lists.w3.org/Archives/Public/www-style/1999Jun/0026 This is particularly useful for styling HTML's UL and EM elements. Proposed text that could be used in the specification is the following: ===== The cycle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value. The syntax of the cycle() expression is: cycle( <value> [, <value> ]*) where <value> is a CSS value that is valid where the expression is placed. If any of the values inside are not valid, then the entire cycle() expression is invalid. The value returned by cycle() must be determined by comparing the inherited value I (the computed value on the parent, or, for the root, the initial value) to the computed values C[n] returned by the n-th argument to cycle(). For the earliest C[n] such that C[n] == I, the value returned by cycle is C[n+1]. However, if this C[n] is the last value, or if there are no C[n] that equal I, the computed value of the first value is returned instead. Example 1: /* make em elements italic, but make them normal if they're inside something that's italic */ em { font-style: cycle(italic, normal); } Example 2: /* cycle between markers for nested lists, so that the top level has disk markers, but nested lists use circle, square, box, and then (for the 5th list deep) repeat */ ul { list-style-type: disk; } li > ul { list-style-type: cycle(disk, circle, square, box); } ===== It could also be used in other interesting ways -- probably some bizarre ones that I haven't even thought of yet. Although I admit I have already thought of: list-style-type: cycle(cycle(disc,disc,circle,circle), cycle(disc,circle), cycle(square,square,box,box), cycle(square,box)); Understanding this is left as an exercise to the reader. -David
Comment 1•18 years ago
|
||
The last example hurts my brain.
Reporter | ||
Updated•17 years ago
|
QA Contact: ian → style-system
Reporter | ||
Updated•16 years ago
|
Assignee: dbaron → nobody
This is very interesting, and while it probably has missed the CSS3 spec now, have you considered proposing it for CSS4?
Reporter | ||
Comment 3•15 years ago
|
||
The working group agreed to add it to css3-values; it just hasn't been added.
Blocks: css-values-3
Summary: implement -moz-cycle() expression → implement cycle() expression
Updated•12 years ago
|
Keywords: dev-doc-needed
Reporter | ||
Comment 5•11 years ago
|
||
This was renamed from cycle() to toggle().
Summary: implement cycle() expression → implement toggle() expression
Updated•11 years ago
|
Comment 9•7 years ago
|
||
It's been 11 years and the status is still NEW. Wondering if toggle() expression is gonna be a priority anytime soon. Don't want to be a jerk, just curious as to what's keeping it in the dark for so long.
Updated•5 years ago
|
Type: defect → enhancement
Updated•2 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•