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

This article mainly explains "what is the CSS replaceable element". The content of the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought to study and learn what the CSS replaceable element is.

What are replaceable elements?

In CSS, the presentation effect of replaceable elements (replaced element) is not controlled by CSS. These elements are external objects that render their appearance independent of CSS.

Simply put, their content is not affected by the style of the current document. CSS can affect the location of replaceable elements, but not the contents of the replaceable elements themselves. Some replaceable elements, such as elements, may have their own stylesheets, but they do not inherit the styles of the parent document.

Other replaceable elements

1. Typical replaceable element

two。 Treated as a replaceable element only under certain circumstances

3. Special

The HTML specification states that elements are replaceable because elements of type "image" are like

Will be replaced as well. But other forms of control elements, including other types of elements, are explicitly listed as non-replaceable elements (non-replaced elements).

4. Content in the CSS attribute

Objects inserted with the CSS content attribute are anonymous replaceable elements. They do not exist in HTML tags, so they are "anonymous".

Label

The authoritative definition of

I still want to quote MDN's explanation:

Is a replaceable element. The default value of its display property is inline, but its default resolution is determined by the original width and height of the embedded image, making it like inline-block. You can set the CSS property for border/border-radius, padding/margin, width, height, and so on.

There is no baseline, which means that when vertical-align: baseline is used in an inline format context (an inline formatting context), the bottom of the image will be aligned with the container's text baseline.

In some cases, CSS does some special treatment for replaceable elements, such as calculating the outer margin (margin) and some specific values of auto. This is why when you insert a picture, you also need to set some CSS properties, otherwise there will always be some unexpected behavior.

Thank you for your reading, the above is the content of "what is the CSS replaceable element". After the study of this article, I believe you have a deeper understanding of what the CSS replaceable element is, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

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.