CSS - Element

About

Most CSS style sheet rules use the names of elements to specify how the elements (HTML, XML, …) should be rendered.

Replaced

A replace element has its content outside the scope of the CSS formatting model, such as:

  • an image,
  • embedded document,
  • or applet.

For example, the content of the HTML IMG element is often replaced by the image that its “src” attribute designates. Replaced elements often have intrinsic dimensions:

  • an intrinsic width,
  • an intrinsic height,
  • and an intrinsic ratio.

For example, a bitmap image has an intrinsic width and an intrinsic height specified in absolute units (from which the intrinsic ratio can obviously be determined). On the other hand, other documents may not have any intrinsic dimensions (for example, a blank HTML document).

User agents may consider a replaced element to not have any intrinsic dimensions if it is believed that those dimensions could leak sensitive information to a third party. For example, if an HTML document changed intrinsic size depending on the user's bank balance, then the UA might want to act as if that resource had no intrinsic dimensions.

The content of replaced elements is not considered in the CSS rendering model.

Documentation / Reference





Discover More
Boxdim
CSS - Boxes (Box Model)

CSS The Box model means that each element is represented as a rectangular box. The layout phase of the browser rendering engine creates the box model as a tree of box and determines: the , the...
CSS - Cascading (style rules priority scheme)

CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned...
CSS - Dimension

The width and height as defined by the element itself, not imposed by the surroundings. CSS does not define how the intrinsic dimensions are found. In CSS 2.1 only replaced elements can come with intrinsic...
Inspect Element
Css - Debug

“Inspect an element” from the contextual menu will open the CSS editor and display information only for the selected element



Share this page:
Follow us:
Task Runner