Shulou(Shulou.com)06/03 Report--

This article mainly shows you the "IE does not support the CSS style attributes are", the content is easy to understand, clear, hope to help you solve the doubt, the following let Xiaobian lead you to study and learn "IE does not support what CSS style attributes are" this article.

1.outline attribute:

Outline (outline) is a line drawn around the element, located on the periphery of the edge of the border, can play the role of highlighting the element.

The outline property is an abbreviated attribute that sets the outline around the element.

Note: contour lines do not occupy space and are not necessarily rectangular. I think the good thing about the outline attribute is that words don't take up any space. The function of outline, like border, is to highlight an element, but if some blocks and elements interact with each other, if you add border, the overall width will increase 2px. Because outline does not support IE browsers, we often use the borde attribute.

2. Inherit (value) attribute:

The original name of inherit means "inherit". So the value it expresses is also inheritance-related.

By setting certain styles on a particular element to tell the element to "inherit" all the added attributes of its parent element, you can avoid a considerable amount of keyboard input.

This can be easily achieved by setting up inherit. For example, when overriding the background property, there is often a lot of text in the attribute (color, URL address of the picture, location, etc.). So, instead of rewriting these values, you may just want to consider that the element in question has the same background attributes as its parent element, and an inherit value can do everything-which obviously saves a lot of keyboard typing.

Give you a simple small example of inherit and you will understand:

Body {color: red; background: green;} H1 {color: yellow; background: blue;} p {color: white; background: black;} em {color: inherit;} / * this "inheritance" is the default and can not write the text inherited by * / aaa.

Text in the middle of P

Inherited text

Unfortunately, inherit values are not supported in IE6 and IE7 (except for direction (text orientation) and visibility attributes).

3.Empty-Cell attribute

The empty-cells property sets whether empty cells in the table are displayed (for detach Border mode only).

Note: this property is not supported by IE browsers.

Inheritance: Yes

Two values of the Empty-Cell property:

Examples are as follows: table {empty-cell:show;}

This attribute is used only for elements where the table or "display" attribute is set to "table-cell". If you dynamically add content to a table, you may encounter a situation where the content of a cell is empty, and then you do not want the border, background color, background picture, etc. of the empty cell to be hidden. "empty-cells: show" solves this problem. Instead, you can use "empty-cells: hide" which will make the cell completely hidden.

4.Caption-Side attribute

The caption object that sets or retrieves the table is on the other side of the table. It is a property used with the caption object

Speaking of the table attribute, this attribute is used to declare the table title displayed in the sidebar of the table. It accepts four values: top, bottom, left, and right.

Example of Css style:

Table caption {caption-side: top; width: auto; text-align: left;} these are all the contents of the article "what are the CSS style attributes that IE does not support?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.