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 <.
| Name | Description |
|---|---|
| Color | |
tan | Named colour #d2b48c. |
teal | Named colour #008080. |
thistle | Named colour #d8bfd8. |
tomato | Named colour #ff6347. |
transparent | A fully transparent colour, rgb(0 0 0 / 0). |
turquoise | Named colour #40e0d0. |
| Descriptor | |
types | An @view-transition descriptor naming the transition's types. |
| Environment variable | |
titlebar-area-height | Height of the free title bar area in a desktop web app. |
titlebar-area-width | Width of the free title bar area in a desktop web app. |
titlebar-area-x | Left position of the free title bar area in a desktop web app. |
titlebar-area-y | Top 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-size | The width of a tab character in preserved white space. |
table-layout | Whether table column widths follow the content or a fixed layout. |
text-align | How lines of text are aligned within their block. |
text-align-last | The alignment of the last line of a block. |
text-anchor | Aligns SVG text to the start, middle or end of its position. |
text-autospace | Adds space where CJK ideographs meet Latin letters or digits. |
text-box | Shorthand that trims space above and below text to its cap height or baseline. |
text-box-edge | Which font metrics text-box-trim cuts to. |
text-box-trim | Whether the space above the first line or below the last is trimmed. |
text-combine-upright | Fits a short horizontal run into one character cell in vertical text. |
text-decoration | Shorthand for underlines, overlines and strike-throughs. |
text-decoration-color | The colour of decoration lines. |
text-decoration-inset | Shortens or extends a decoration line at its ends. |
text-decoration-line | Which decoration lines are drawn: underline, overline, line-through. |
text-decoration-skip | Deprecated shorthand for what decorations skip. Use text-decoration-skip-ink. |
text-decoration-skip-ink | Whether underlines break around descenders. |
text-decoration-skip-spaces | Whether decoration lines are drawn under spaces. |
text-decoration-style | Solid, double, dotted, dashed or wavy decoration lines. |
text-decoration-thickness | How thick decoration lines are. |
text-emphasis | Shorthand for emphasis marks beside each character, as used in CJK text. |
text-emphasis-color | The colour of emphasis marks. |
text-emphasis-position | Which side of the text emphasis marks are drawn on. |
text-emphasis-style | The shape of emphasis marks: dot, circle, triangle, sesame or a string. |
text-fit | Scales text up or down to fill the width of its container. |
text-indent | Indents the first line of a block, or every line but the first. |
text-justify | How justified text is stretched: between words or between characters. |
text-orientation | How characters are turned in vertical text. |
text-overflow | Clips or shows an ellipsis where inline content overflows. |
text-rendering | A hint to favour speed, legibility or precision when drawing text. |
text-shadow | One or more shadows drawn behind text. |
text-size-adjust | Controls automatic text enlargement in mobile browsers. |
text-spacing-trim | Trims the built-in space of full-width CJK punctuation. |
text-transform | Displays text in capitals, lower case, capitalised or full-width forms. |
text-underline-offset | Moves the underline further from or closer to the text. |
text-underline-position | Where the underline sits, such as below the descenders. |
text-wrap | Shorthand for whether text wraps and how lines are broken, e.g. balance. |
text-wrap-mode | Whether text wraps onto new lines. |
text-wrap-style | How line breaks are chosen: balance, pretty or stable. |
timeline-scope | Lets elements outside a scroller use its named timeline. |
timeline-trigger | Shorthand that defines a named trigger fired by scrolling. |
timeline-trigger-activation-range | Shorthand for the timeline range that fires a trigger. |
timeline-trigger-activation-range-end | The end of the timeline range that fires a trigger. |
timeline-trigger-activation-range-start | The start of the timeline range that fires a trigger. |
timeline-trigger-active-range | Shorthand for the timeline range in which a trigger stays active. |
timeline-trigger-active-range-end | The end of the range in which a trigger stays active. |
timeline-trigger-active-range-start | The start of the range in which a trigger stays active. |
timeline-trigger-name | The names of the timeline triggers an element defines. |
timeline-trigger-source | The timeline a timeline trigger watches. |
top | The distance of a positioned box from the top of its containing block. |
touch-action | Which touch gestures, such as panning and pinch-zoom, the browser handles itself. |
transform | Applies a list of transform functions to a box. |
transform-box | The reference box that transform-origin and transform percentages use. |
transform-origin | The fixed point that rotations and scales happen around. |
transform-style | Whether children share an element's 3D space or are flattened. |
transition | Shorthand that makes property changes happen gradually. |
transition-behavior | Lets transitions run on discrete properties such as display. |
transition-delay | How long to wait before a transition starts. |
transition-duration | How long each transition takes. |
transition-property | Which properties transition when they change. |
transition-timing-function | The easing curve of each transition. |
translate | Moves a box without a full transform. |
trigger-scope | Sets the scope of trigger names at an element. |
| Pseudo-class | |
:target | Matches the element whose id matches the URL fragment. |
:target-after | Matches scroll markers after the active one in their group. |
:target-before | Matches scroll markers before the active one in their group. |
:target-current | Matches the active scroll marker, such as the current carousel dot. |
| Pseudo-element | |
::target-text | The text a URL text fragment points to. |
| Selector | |
type selector | Matches 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 | |
turn | Turns; a full circle is 1turn. |