| Selector:Element | Declaration:Value:Attribute | Options: | note: |
|---|---|---|---|
| background image, positioning... pretty cool. see my scratch page: | |||
| n/a | background-repeat: | no-repeat, repeat-y, repeat-x | n/a |
| n/a | background-image: | url(""); | full qualified url, path to image) |
| n/a | background-attachment: | fixed; | scroll, inherit |
| n/a | background-position: | em, 98% 5%, right top | (*18.05.12, i just used 50% 20px, worked) center center = 50% 50% : 0% (% l-r) 0% (%from top) = left top : 100% 100% = bottom right image example |
| ol | list-style-type: | none, cirlce, decimal-leading-zero, georgian, hebrew, lower-alpha,greek,roman | n/a |
| list-style-image: radial-gradient(circle, #006, #00a 90%, #0000af 100%, white 100%) | |||
| n/a | opacity:0.5; | 0.1 to 1.0 | value |
| n/a | filter: | alpha(opacity=20); | ie < 7 |
| n/a | padding: | [4px] [4px 2px] | (all), (t/b, l/r) % wks too |
| li | >:first-child | background: | effects the Fist instance of X:, ie >8 |
| n/a | :first-line | n/a | effects the 1st line of e.g, <p> |
| n/a | :first-letter | n/a | n/a |
| n/a | :before | :after | e.g, content:url(smiley.gif); | suppose glyph or unicode char too |
| n/a | :last-child | background:# | last child of parent suppose works for first also |
Scratch - copy past work area:background-image:url('images/ClassicsLogo1.gif'); background-repeat:no-repeat; background-position:98% 04%; background-attachment:fixed; | |||
| hr | rule-style: | URL (http://...) | using an image as 'hr' |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| Table, TH, TR, TD... stuff | |||
| table | border-spacing: | Xpx(H) Xpx(V) | 1 Xpx (H+V) 'celspacing' |
| table,td | border: | Xpx | cell borders |
| table.Class | td | n/a | att of cells in table.class |
| table.class | table | padding-right:Xpx | like table.class td, .class table affects table w/i table |
| n/a | n/a | n/a | n/a |
| n/a | :nth-child(odd) | background:# | odd/even applicaton of attributes eg bgcolor |
| n/a | :nth-child(even) | background:# | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | border-style: | groove, ridge, inset, outset, none | solid, dashed, dotted, hidden |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| Selector:Element | Declaration:Value:Attribute | Options: | note: |
| <pre> | n/a | n/a | i use to 'include' pre-formated documents |
| <textarea> | cols=, rows= | 1 & 1 works | i use style, but to validate, have to also indicate cols and rows, outside style tag |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
| n/a | n/a | n/a | n/a |
☡ see uft-8 chart { this page is /pages/css_misc_selectors.html }
there are more coming.... Landis ☡