CSS entries starting with “T”

Every CSS entry starting with T, grouped by kind. Pseudo-classes, pseudo-elements and types are filed by their first letter, ignoring the leading :, :: or <.

NameDescription
Color
tanNamed colour #d2b48c.
tealNamed colour #008080.
thistleNamed colour #d8bfd8.
tomatoNamed colour #ff6347.
transparentA fully transparent colour, rgb(0 0 0 / 0).
turquoiseNamed colour #40e0d0.
Descriptor
typesAn @view-transition descriptor naming the transition's types.
Environment variable
titlebar-area-heightHeight of the free title bar area in a desktop web app.
titlebar-area-widthWidth of the free title bar area in a desktop web app.
titlebar-area-xLeft position of the free title bar area in a desktop web app.
titlebar-area-yTop position of the free title bar area in a desktop web app.
Function
tan()The tangent of an angle.
translate()Moves a box by an x and optional y offset.
translate3d()Moves a box along the x, y and z axes.
translateX()Moves a box along the x axis.
translateY()Moves a box along the y axis.
translateZ()Moves a box towards or away from the viewer.
type()Inside attr(), the type an attribute value is parsed as.
Property
tab-sizeThe width of a tab character in preserved white space.
table-layoutWhether table column widths follow the content or a fixed layout.
text-alignHow lines of text are aligned within their block.
text-align-lastThe alignment of the last line of a block.
text-anchorAligns SVG text to the start, middle or end of its position.
text-autospaceAdds space where CJK ideographs meet Latin letters or digits.
text-boxShorthand that trims space above and below text to its cap height or baseline.
text-box-edgeWhich font metrics text-box-trim cuts to.
text-box-trimWhether the space above the first line or below the last is trimmed.
text-combine-uprightFits a short horizontal run into one character cell in vertical text.
text-decorationShorthand for underlines, overlines and strike-throughs.
text-decoration-colorThe colour of decoration lines.
text-decoration-insetShortens or extends a decoration line at its ends.
text-decoration-lineWhich decoration lines are drawn: underline, overline, line-through.
text-decoration-skipDeprecated shorthand for what decorations skip. Use text-decoration-skip-ink.
text-decoration-skip-inkWhether underlines break around descenders.
text-decoration-skip-spacesWhether decoration lines are drawn under spaces.
text-decoration-styleSolid, double, dotted, dashed or wavy decoration lines.
text-decoration-thicknessHow thick decoration lines are.
text-emphasisShorthand for emphasis marks beside each character, as used in CJK text.
text-emphasis-colorThe colour of emphasis marks.
text-emphasis-positionWhich side of the text emphasis marks are drawn on.
text-emphasis-styleThe shape of emphasis marks: dot, circle, triangle, sesame or a string.
text-fitScales text up or down to fill the width of its container.
text-indentIndents the first line of a block, or every line but the first.
text-justifyHow justified text is stretched: between words or between characters.
text-orientationHow characters are turned in vertical text.
text-overflowClips or shows an ellipsis where inline content overflows.
text-renderingA hint to favour speed, legibility or precision when drawing text.
text-shadowOne or more shadows drawn behind text.
text-size-adjustControls automatic text enlargement in mobile browsers.
text-spacing-trimTrims the built-in space of full-width CJK punctuation.
text-transformDisplays text in capitals, lower case, capitalised or full-width forms.
text-underline-offsetMoves the underline further from or closer to the text.
text-underline-positionWhere the underline sits, such as below the descenders.
text-wrapShorthand for whether text wraps and how lines are broken, e.g. balance.
text-wrap-modeWhether text wraps onto new lines.
text-wrap-styleHow line breaks are chosen: balance, pretty or stable.
timeline-scopeLets elements outside a scroller use its named timeline.
timeline-triggerShorthand that defines a named trigger fired by scrolling.
timeline-trigger-activation-rangeShorthand for the timeline range that fires a trigger.
timeline-trigger-activation-range-endThe end of the timeline range that fires a trigger.
timeline-trigger-activation-range-startThe start of the timeline range that fires a trigger.
timeline-trigger-active-rangeShorthand for the timeline range in which a trigger stays active.
timeline-trigger-active-range-endThe end of the range in which a trigger stays active.
timeline-trigger-active-range-startThe start of the range in which a trigger stays active.
timeline-trigger-nameThe names of the timeline triggers an element defines.
timeline-trigger-sourceThe timeline a timeline trigger watches.
topThe distance of a positioned box from the top of its containing block.
touch-actionWhich touch gestures, such as panning and pinch-zoom, the browser handles itself.
transformApplies a list of transform functions to a box.
transform-boxThe reference box that transform-origin and transform percentages use.
transform-originThe fixed point that rotations and scales happen around.
transform-styleWhether children share an element's 3D space or are flattened.
transitionShorthand that makes property changes happen gradually.
transition-behaviorLets transitions run on discrete properties such as display.
transition-delayHow long to wait before a transition starts.
transition-durationHow long each transition takes.
transition-propertyWhich properties transition when they change.
transition-timing-functionThe easing curve of each transition.
translateMoves a box without a full transform.
trigger-scopeSets the scope of trigger names at an element.
Pseudo-class
:targetMatches the element whose id matches the URL fragment.
:target-afterMatches scroll markers after the active one in their group.
:target-beforeMatches scroll markers before the active one in their group.
:target-currentMatches the active scroll marker, such as the current carousel dot.
Pseudo-element
::target-textThe text a URL text fragment points to.
Selector
type selectorMatches elements by their element name, such as p or h1.
Type
<text-edge>Which font metric marks the edge of a line when trimming text.
<time>A duration or delay in seconds or milliseconds.
<timeline-range-name>A named stretch of a scroll timeline: cover, contain, entry, exit and more.
<track-list>The explicit grid tracks in one axis, with optional line names.
<track-size>The size of one grid row or column.
<transform-function>One step of a transform: translate, scale, rotate, skew or matrix.
<try-tactic>Flip keywords that mirror an anchored element for fallbacks.
Unit
turnTurns; a full circle is 1turn.