This model would apply in the following example if the following rules:
body { display: inline }
p { display: block }
were used with this HTML document:
Anonymous text interrupted by a block
This is anonymous text before the P.
This is the content of P.
This is anonymous text after the P.
The BODY element contains a chunk (C1) of anonymous text followed by a block-level element followed by another chunk (C2) of anonymous text. The resulting boxes would be an anonymous block box around the BODY, containing an anonymous block box around C1, the P block box, and another anonymous block box around C2.
Anonymous inline boxes
In a document with HTML markup like this:
Some emphasized text
The
generates a block box, with several inline boxes inside it. The box for "emphasized" is an inline box generated by an inline element (), but the other boxes ("Some" and "text") are inline boxes generated by a block-level element (
). The latter are called anonymous inline boxes, because they don't have an associated inline-level element.
Such anonymous inline boxes inherit inheritable properties from their block parent box. Non-inherited properties have their initial value. In the example, the color of the anonymous inline boxes is inherited from the P, but the background is transparent.
White space content that would subsequently be collapsed away according to the 'white-space' property does not generate any anonymous inline boxes.
If it is clear from the context which type of anonymous box is meant, both anonymous inline boxes and anonymous block boxes are simply called anonymous boxes in this specification.
Comments
css2
This model would apply in the following example if the following rules:
body { display: inline }
p { display: block }
were used with this HTML document:
Anonymous text interrupted by a block
This is anonymous text before the P.
This is the content of P.
This is anonymous text after the P.
The BODY element contains a chunk (C1) of anonymous text followed by a block-level element followed by another chunk (C2) of anonymous text. The resulting boxes would be an anonymous block box around the BODY, containing an anonymous block box around C1, the P block box, and another anonymous block box around C2.
css2
Anonymous inline boxes
In a document with HTML markup like this:
Some emphasized text
The
generates a block box, with several inline boxes inside it. The box for "emphasized" is an inline box generated by an inline element (), but the other boxes ("Some" and "text") are inline boxes generated by a block-level element (
). The latter are called anonymous inline boxes, because they don't have an associated inline-level element.
Such anonymous inline boxes inherit inheritable properties from their block parent box. Non-inherited properties have their initial value. In the example, the color of the anonymous inline boxes is inherited from the P, but the background is transparent.
White space content that would subsequently be collapsed away according to the 'white-space' property does not generate any anonymous inline boxes.
If it is clear from the context which type of anonymous box is meant, both anonymous inline boxes and anonymous block boxes are simply called anonymous boxes in this specification.