跳至主要內容

T

wzCoding大约 8 分钟CSS属性(样式)

以 T 为首的 CSS 属性(样式)

T

以 T 为首的属性

turn

CSS 数据类型,用于表示角的大小,表示圈数,一个完整的圆是 1turn

tab-size

用于自定义制表符 (U+0009) 的宽度

table-layout

定义了用于布局表格的单元格、行和列的算法

tan()

CSS 函数,三角函数,返回某数的正切值,此值介于 −infinity 和 infinity 之间

:target

CSS 伪类,表示一个唯一的元素(目标元素),其 id 与当前 URL 片段匹配

::target-text

CSS 伪元素,代表滚动到的文本(如果浏览器支持文本片段)。 它允许作者选择如何突出显示该部分文本

:target-within

CSS 伪类,表示作为目标元素的元素或包含作为目标的元素的元素。 目标元素是具有与 URL 片段匹配的 ID 的唯一元素。

text-align

定义行内内容(例如文字)如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐,只控制它的行内内容的对齐

text-align-last

定义一段文本中最后一行在被强制换行之前的对齐规则

text-combine-upright

将字符组合设置为单个字符的空间。 如果合并后的文本宽度超过 1em,则用户代理必须将内容放入 1em 以内。生成的组合被视为用于布局和装饰的单个直立字形。此属性仅在垂直书写模式下有效

text-decoration

CSS 简写属性,设置文本上的装饰性线条的外观。它是 text-decoration-linetext-decoration-colortext-decoration-styletext-decoration-thickness 属性的缩写

text-decoration-color

用于设置文本修饰线的颜色

text-decoration-line

用于设置元素中的文本的修饰类型

text-decoration-skip

定义了元素哪些部分的内容需要被文本修饰所跳过。它可以控制所有该元素或该元素的祖先所绘制的文本修饰线

text-decoration-skip-ink

指定上划线和下划线在经过字形上升和下降时如何绘制

text-decoration-style

用于设置由 text-decoration-line 设定的线的样式。线的样式会应用到所有被 text-decoration-line 设定的线,不能为其中的每条线设置不同的样式

text-decoration-thickness

用于设置元素中文本所使用的装饰线(如 line-through、underline 或 overline)的笔触厚度

text-emphasis

CSS 简写属性,将强调标记应用于文本(空格和控制字符除外)。它是 text-emphasis-styletext-emphasis-color 的简写

text-emphasis-color

设置强调标记的颜色

text-emphasis-position

设置绘制强调标记的位置。像 ruby text,如果没有足够的空间放置强调标记,行高会增加

text-emphasis-style

设置强调标记的外观

text-indent

定义一个块元素首行文本内容之前的缩进量

text-justify

定义的是当文本的 text-align 属性被设置为 justify 时的齐行方法

text-orientation

设定行中字符的方向。但它仅影响纵向模式(当 writing-mode 的值不是 horizontal-tb)下的文本

text-overflow

用于确定如何提示用户存在隐藏的溢出内容。其形式可以是裁剪、显示一个省略号(“…”)或显示一个自定义字符串

text-rendering

定义浏览器渲染引擎如何渲染字体。浏览器会在速度、清晰度、几何精度之间进行权衡

text-shadow

为文字添加阴影,可以为文字与 decoration 添加多个阴影,阴影值之间用逗号隔开。每个阴影值由元素在 X 和 Y 方向的偏移量、模糊半径和颜色值组成

text-size-adjust

控制将一些手机或平板设备上使用的文本溢出算法(text inflation algorithm)。其他类型的设备上的浏览器会忽略此属性

text-transform

指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写,也可单独对每一个单词进行操作

text-underline-offset

设置文本装饰下划线(使用 text-decoration 应用)与其原始位置的偏移距离

text-underline-position

text-decoration 属性的值设置为 underline 之后,可以用 text-underline-position 属性为其设置下划线的位置

<time>

CSS 数据类型,表达了以秒(s)或毫秒(ms)为单位的时间的值

<time-percentage>

CSS 数据类型,可以表示为时间或百分比

<timing-function>

CSS 数据类型,为 CSS 过渡和动画属性指定缓动函数

top

定义了定位元素的上外边距边界与其包含块上边界之间的偏移,非定位元素设置此属性无效

@top-center

@page 规则用于在打印文档时修改某些 CSS 属性

touch-action

用于设置触摸屏用户如何操纵元素的区域 (例如,浏览器内置的缩放功能)

transform

设置旋转,缩放,倾斜或平移给定元素。这是通过修改 CSS 视觉格式化模型的坐标空间来实现的

transform-box

定义了与 transformtransform-origin 这两个属性有关联的布局框

<transform-function>

CSS 数据类型,用于对元素的显示做变换。通常,这种变换可以由矩阵表示,并且可以使用每个点上的矩阵乘法来确定所得到的图像

transform-origin

更改一个元素变形的原点

transform-style

设置元素的子元素是位于 3D 空间中还是平面中

transition

CSS 简写属性,是 transition-propertytransition-durationtransition-timing-functiontransition-delay 的简写

transition-delay

规定了在过渡效果开始作用之前需要等待的时间,值以秒(s)或毫秒(ms)为单位,表明动画过渡效果将在何时开始。取值为正时会延迟一段时间来响应过渡效果;取值为负时会导致过渡立即开始

transition-duration

以秒或毫秒为单位指定过渡动画所需的时间。默认值为 0s,表示不出现过渡动画

transition-property

指定应用过渡属性的名称

transition-timing-function

元素的CSS 属性受到 transition effect 的影响,会产生不断变化的中间值,而 CSS transition-timing-function 属性用来描述这个中间值是怎样计算的

translate

单独声明平移变换,并独立于 transform 属性

translate()

CSS 函数,在水平和/或垂直方向上移动元素

translate3d()

CSS 函数,在 3D 空间内移动一个元素的位置。这个移动由一个三维向量来表达,分别表示他在三个方向上移动的距离

translateX()

CSS 函数,在二维平面上水平方向移动元素

translateY()

CSS 函数,在二维平面上垂直移动元素

translateZ()

CSS 函数,在 3D 空间中沿 z 轴移动元素,即靠近或远离观察者