Chapter 5 - Selectors - 5.12.1 The :first-line pseudo-element
Go to the relevant page of the specification.
- c23-first-line-000
-
first-line
- c25-pseudo-elmnt-000
-
Pseudo-elements in Selectors
- c26-psudo-nest-000
-
Multiple Pseudo-Elements
- first-letter-selector-017
-
Inline-block usage with :first-letter
The first letter of an inline-block cannot be the first letter of an ancestor element. - first-letter-selector-024
-
Table-cell usage with :first-letter
The first letter of a table-cell cannot be the first letter of an ancestor element. - first-line-000
-
Selectors: The :first-line pseudo-element
Browsers should apply the rule only to the first line of a block-level element - first-line-001
-
:first-line
- first-line-floats-001
-
:first-line
- first-line-floats-002
-
:first-line
- first-line-floats-003
-
:first-line
- first-line-floats-004 (dom)
-
:first-line
- first-line-inherit-001
-
:first-line
- first-line-inherit-002
-
:first-line
- first-line-inherit-003
-
:first-line
- first-line-pseudo-001
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-002
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-004
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-005
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-007
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-008
-
CSS Block Box Model: first-line and anonymous boxes
- first-line-pseudo-010
-
CSS Block Box Model: first-line and borders
- first-line-pseudo-011
-
:first-line and margin collapsing
- first-line-pseudo-012
-
vertical-align: length on :first-line
- first-line-pseudo-013
-
vertical-align: top on :first-line
- first-line-pseudo-014
-
vertical-align: top on :first-line
- first-line-pseudo-015
-
vertical-align: bottom on :first-line
- first-line-pseudo-016 (may)
-
vertical-align: bottom on :first-line
- first-line-pseudo-017
-
First-Line: Innermost vs outermost
- first-line-pseudo-018
-
Basic :first-line test
- first-line-pseudo-019
-
Basic :first-line test
- first-line-pseudo-020
-
Basic :first-line test
- first-line-pseudo-021
-
First-Line: Inheritance
- first-line-selector-001
-
First-line pseudo-element
The :first-line pseudo-element matches the first line of a given element. - first-line-selector-002
-
First-line selector applicability to table cells
The :first-line pseudo-element can be attached to a table-cell. - first-line-selector-003
-
Table cells usage with :first-line
The first line of a table-cell cannot be the first formatted line of an ancestor element. - first-line-selector-004
-
First-line and in-flow block level descendents
The 'first formatted line' of an element can occur inside a block-level descendant in the same flow. - first-line-selector-006
-
First-line and inline elements
First-line applies to inline elements. - first-line-selector-007
-
First-line and font property
First-line allows font property. - first-line-selector-008
-
First-line and allowed properties
First-line allows letter-spacing, text-decoration, text-transform and line-height properties. - first-line-selector-009
-
First-line and inapplicable properties
First-line does not allow the float, border or direction properties. - first-line-selector-010
-
First-line after a BR
The :first-line pseudo-element start tag is inserted right after the start tag of the block element. - first-line-selector-011
-
Inline-block usage with :first-line
The first line of an inline-block cannot be the first formatted line of an ancestor element. - first-line-selector-012
-
First-line selector applicability to table captions
The :first-line pseudo-element can be attached to a table caption. - first-line-selector-013
-
First-line selector applicability to inline-blocks
The :first-line pseudo-element can be attached to an inline-block. - first-line-selector-014
-
:first-line pseudo-element - text-transform
- first-line-selector-015
-
:first-line pseudo-element - text-transform
The :first-line pseudo-element can be attached to an unordered list because it is a block-level element. The "first formatted line" of an unordered list occurs inside its first list-item because it is a non-positioned and non-floated block-level descendant in the same flow. User agents may change the document's layout (preferred behavior but nonetheless optional) when the viewport is resized. - first-line-selector-016
-
Inline-block usage with :first-line
The first line of an inline-block cannot be the first formatted line of an ancestor element. - pseudo-001
-
Pseudo elements before simple selector
A pseudo-selector cannot be followed by a simple selector. - pseudo-002
-
First-line pseudo-element case sensitivity
First-line is case-insensitive. - pseudo-003 (interact)
-
Multiple pseudo-classes - hover and active
Hover and active pseudo-classes can be applied at the same time. - pseudo-005 (interact, may)
-
Pseudo-classes and layout
User agents are not required to reflow a currently displayed document due to pseudo-class transitions. - pseudo-006
-
First-letter pseudo-element case sensitivity
First-letter is case-insensitive. - pseudo-007
-
First-child pseudo-element case sensitivity
First-child is case-insensitive. - pseudo-008
-
After and before case sensitivity
After and before are case-insensitive. - pseudo-009 (interact)
-
Pseudo-class ':visited' case sensitivity
The ':visited' pseudo-class' is case-insensitive. - pseudo-010 (interact)
-
Active pseudo-element case sensitivity
Active is case-insensitive. - pseudo-011 (interact)
-
Hover pseudo-element case sensitivity
Hover is case-insensitive. - pseudo-012 (interact)
-
Focus pseudo-element case sensitivity
Focus is case-insensitive. - pseudo-013 (interact)
-
Multiple pseudo-classes - Link, first-child, hover
Link, first-child, and hover can all be applied at the same time. - pseudo-014
-
Pseudo elements before attribute selector
A pseudo-selector cannot be followed by an attribute selector. - pseudo-015
-
Pseudo elements before child selector
A pseudo-selector cannot be followed by a child selector. - pseudo-016
-
Pseudo elements not the last (invalid) - Sibling selector
A pseudo-selector cannot be followed by a sibling selector.