CSS å表ä¸è®¡æ°å¨
CSS å表ä¸è®¡æ°å¨æ¨¡åç¨äºæ§å¶å表项项ç®ç¬¦å·çæ ·å¼åä½ç½®ï¼å¹¶å¯éè¿å符串ã计æ°å¨çç¹æ§ç»åæ¥æä½å®ä»¬çå¼ã
åè¡¨é¡¹çæ è®°ï¼æ 论æ¯é¡¹ç®ç¬¦å·è¿æ¯åºå·è®¡æ°å¨ï¼æ¯å
¶æå
·æ è¯æ§çç¹æ§ãå表项并ä¸ä»
éäºåµå¥å¨ <ol> æ <ul> å
ç´ ä¸ç <li> å
ç´ ï¼å®é
ä¸ï¼ä»»ä½è®¾ç½®äº display: list-item çå
ç´ é½å¯ä»¥è¢«è§ä¸ºå表项ã
该模åå®ä¹äºä¸ç³»å CSS ç¹æ§ï¼ç¨äºè®¾ç½®åéç½®å表ç计æ°å¨ï¼æå®ç¨äºæ è®°ç计æ°å¨æ ·å¼æç¬¦å·ï¼å¹¶æ§å¶è¿äºæ è®°çä½ç½®ãå®è¿ä¸ºå¼åè æä¾äºå建èªå®ä¹æ è®°çè½åã
åè
>屿§
counter-incrementcounter-resetcounter-setlist-style-imagelist-style-typelist-style-positionlist-styleç®å
æ¤å¤ï¼è¿æä¸ä¸ª marker-side 屿§ï¼ä½å®å°æªè¢«å®å
¨å®ä¹æå®ç°ã
伪å ç´
彿°
æ°æ®ç±»å
æå
- ä¸è´çå表缩è¿
-
è§£éå¦ä½å¨ä¸åæµè§å¨ä¸å®ç°ä¸è´çåè¡¨ç¼©è¿ææã
- ä½¿ç¨ CSS 计æ°å¨
-
说æå¦ä½ä½¿ç¨ CSS 计æ°å¨å±æ§æ¥æ§å¶å表ç¼å·ã
ç¸å ³æ¦å¿µ
-
@counter-styleat è§å<counter-style-name>æ°æ®ç±»å<symbol>æ°æ®ç±»åsymbols()彿°
-
<ol>startãreversedåtype屿§ -
<ul>type屿§ -
<li>typeåvalue屿§
è§è
| è§è |
|---|
| CSS Lists and Counters Module Level 3 > |
åè§
- CSS 计æ°å¨æ ·å¼æ¨¡å
- CSS 伪å ç´ æ¨¡å
- CSS çæå 容模å