I list below all topic groups, which I have done according to subjects, which they handle. You can return to this topic group by using this menu and the link Table of topic groups on the top of the each page.
| ||||||||||||||||||||
![]() | Table of topic groups > Front page of CSS-guide > Extra pages > H What CSS-features I have used in my pages |
|---|
This page gives some answers, which CSS-features is reasonable to use. It is then in a way a continuation page to the page Frequently asked questions
. I have tested all CSS2 visual features excluding some font-related matters (I have mentioned them in the page 12. What other special features CSS has
).
Into CSS is some proprietary extensions. In MS browsers they are designed into common use, but in Opera and Netscape primary into the use of the browser itself. The proprietary CSS, which concerns only the user interface is not harmful for browsers, which don't support it. I had used in my sites scrollbar-base-color (it changes the color of scroll bars), but just now I don't use any non-standard in any actual content page (the previous mentioned property is used in some model pages). In general supporting non-standard features of MS IE is objectionable because of the designing politics of Microsoft (read the page concerning What are purposes of Web standards
).
Some browsers support also proposed features for CSS3. I have used one of these features. You can find quite exact information supported CSS-features from two How to set CSS for table elements (CSS table 1
, CSS table 2
) and notes for them. Model pages have an own extra page
. Some models are XML-document. I handle XML-documents in in an extra page
.
I list to this page the CSS, which I use today in my pages. Tables don't have the CSS, which I have use only as demonstrating purposes. Because my site works as an example how to use CSS, I have used quite wide quantity of different CSS-features - in commercial sites it is scarcely not possible to use them so much. I have not however used some non-supported, bad working or not widely supported features. I tell shortly, why I don't use anymore certain CSS. In some cases I tell also, why I recommend to use some CSS features.
Into basic concepts belong applying CSS to (X)HTML documents. According to the HTML 4.01 specification also user style sheets
can regard to belong basic concepts, because the specification highly recommends, that user agents support them.
Basic mechanisms in CSS are also different rules and selectors. Some of them belong into basic concepts and some of them are rather advanced features of CSS.
| Elements and attributes | |
|---|---|
|
I give primary site wide CSS by using the Mozilla Gecko browsers (for example Netscape 6.x+) and Opera 7.x+ support alternative style sheets. Because browsers don't keep them when going next pages they are in practice useless and I took them out of use. I handle basic definitions in the page 2. How to put CSS into Web pages |
style | I use the attribute I handle this attribute in the page 2. How to put CSS into Web pages |
class, id |
I handle these attributes in the page 4. What are selectors, classes and id-attributes |
| At-rules | |
@import | I used import rules before quite much, but I have almost abandon using them because they cause with Opera (my favorite browser) problems with the attribute I handle the definition of the at-rule in the page 2. How to put CSS into Web pages |
@media | I used media blocks before quite much, but I have primary abandon using them. I use them only in exceptional cases, because MS IE 5.0 Mac doesn't support them. I handle the problems of media types in the page 6. How to set CSS for texts and different media types |
@page | It works at least in quite new Opera browsers. I handle the property in the page 6. How to set CSS for texts and different media types |
| Important rule | |
!important | Even if this feature is called as a rule, it is connected among property values and it belongs rather into properties than rules. Netscape 4.x doesn't support this feature. I handle it in the page 5. What is the processing order of CSS |
| What are selectors, classes and id-attributes | |
* | Attribute selectors (for example. I handle rules and selectors in the page 4. What are selectors, classes and id-attributes |
element |
|
element element |
|
element.class, .class |
|
#id, element#id |
|
element[attribute="value"] |
|
p:first-letter |
|
:before, :after | I use them primary in printing and the "slide show" mode of Opera in order to give assistance information with the property I handle these selectors in the page 4. What are selectors, classes and id-attributes |
| Standard CSS2 properties (in the alphabetic order) | |
|---|---|
background etc. | I handle |
border etc. |
|
border-collapse | I handle the property in the page 10. How to set CSS for table elements |
bottom | It is related to the property |
color | I handle the property in the page 3. What are color, units and keywords in CSS |
content | This property is very useful in printing and in the "slide show" mode of Opera. Together with |
cursor | I use it for special links. I handle the property in the page 6. How to set CSS for texts and different media types |
display | This is one of the basic properties, which I control different presentation modes. I handle the property in the page 11. What is the visual formatting model of CSS2 . |
float | I use this property in positioning some elements but not in basic structures. I handle this property in the page 11. What is the visual formatting model of CSS2 |
font-family, font-size, font-style, font-weight | I handle the property in the page 6. How to set CSS for texts and different media types |
height | I handle the property in the page 8. Borders and backgrounds |
left | It is related to the property |
line-height | I handle the property in the page 6. How to set CSS for texts and different media types |
list-style etc. | I use them by using sub-properties. I handle properties of lists in the page 9. How to set CSS for list elements |
margin | I handle the property in the page 8. Borders and backgrounds |
max-width, min-height, min-width | I addition of using |
orphans | This property and the property widows prevent in some level lonely rows, when pages are printed with Opera. These properties belongs to the paged media, which I handle in the page 6. How to set CSS for texts and different media types . |
outline (-moz-outline) | I use it in some special links above dynamic menus for Mozilla Gecko browsers. They support the |
overflow | I use in some tables controlling of the content of table cell the value |
padding | I handle the property in the page 8. Borders and backgrounds |
page-break-after, page-break-before, page-break-inside | I control with them page breaks in printing and in Opera changing "slides" in the "slide show mode". The last works only when printing documents with Opera. These properties belongs to the pages media, which I handle in the page 6. How to set CSS for texts and different media types |
position | I have used all possible values. I handle the property in the page 11. What is the visual formatting model of CSS2 |
quotes | Look at notes of the property |
right | It is related to the property |
size | The property belongs to the paged media, which I handle in the page 6. How to set CSS for texts and different media types |
table-layout | I handle the property in the page 10. How to set CSS for table elements |
text-align, text-decoration, text-indent | I handle these properties in the page 6. How to set CSS for texts and different media types |
top | It is related to the property |
vertical-align | I handle these properties in the page 8. Borders and backgrounds |
visibility | I use this property in the main navigation element to hide some links. I handle the property in the page 11. What is the visual formatting model of CSS2 |
widows | Look at the property |
width | I handle the property in the page 8. Borders and backgrounds |
z-index | I handle the property in the page 11. What is the visual formatting model of CSS2 |
| CSS3-properties | |
opacity |
Mozilla Gecko browsers support it with the |
| What kind of non-standard (proprietary) CSS browsers support-properties | |
filter |
I use it in shadows of dynamic menus for some MS IE browsers. This property creates special effects in Microsoft for IE 5.5+ Windows browsers. Microsoft informs it to be an implementation of the CSS3 specification. That is not however true. |