跳至主要內容

F

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

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

F

以 F 为首的属性

fallback

如果当前计数器样式(@counter-style)无法为特定计数器值创建标记表示,回退描述符可用于指定回退到的计数器样式

filter

将模糊或颜色偏移等图形效果应用于元素。通常用于调整图像、背景和边框的渲染

<filter-function>

CSS 数据类型,代表可以改变输入图像外观的图形效果,它可以用于 filterbackdrop-filter 属性

:first

CSS 伪类,与 @page at 规则一起使用。表示打印文档的第一页

:first-child

CSS 伪类,表示在一组兄弟元素中的第一个元素

::first-letter(:first-letter)

CSS 伪元素,选中块级元素第一行的第一个字母,并且文字所处的行之前没有其他内容(如图片和内联的表格)

::first-line(:first-line)

CSS 伪元素,设置块级元素的第一行应用的样式

:first-of-type

CSS 伪类,表示一组兄弟元素中其类型的第一个元素

fit-content

设置元素的 widthheightmin-widthmin-heightmax-widthmax-height,此时最大和最小尺寸将基于元素的内容尺寸计算

<flex>

CSS 数据类型,表示了网格(grid)容器中的一段可变长度。于 grid-template-columnsgrid-template-rows 及相关属性中使用

flex

CSS 简写属性,是 flex-growflex-shrinkflex-basis 的简写,设置了弹性项目如何增大或缩小以适应其弹性容器中可用的空间

flex-basis

指定了 flex 元素在主轴方向上的初始大小。如果不使用 box-sizing 改变盒模型的话,那么这个属性就决定了 flex 元素的内容盒 content-box 的尺寸

flex-direction

指定了内部元素是如何在 flex 容器中布局的,定义了主轴的方向

flex-flow

CSS 简写属性,是 flex-directionflex-wrap 的简写

flex-grow

设置 flex 项 主尺寸 的 flex 增长系数

flex-shrink

指定了 flex 元素的收缩规则。flex 元素仅在默认宽度之和大于容器的时候才会发生收缩,其收缩的大小是依据 flex-shrink 的值

flex-wrap

指定 flex 元素单行显示还是多行显示。如果允许换行,这个属性允许你控制行的堆叠方向

fr

CSS数据类型,flex 布局的单位,number 后加单位 fr

float

指定一个元素应沿其容器的左侧或右侧放置,允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除,但是仍然保持部分的流动性(与绝对定位相反)

:focus

CSS 伪类,表示获得焦点的元素

:focus-visible

CSS 伪类,当元素匹配 :focus 伪类并且客户端 (UA) 的启发式引擎决定焦点应当可见时,:focus-visible 伪类将生效

:focus-within

CSS 伪类,表示当元素或其任意后代元素被聚焦时,将匹配该元素

font

CSS 简写属性,是 font-style, font-variant, font-weight, font-size, line-heightfont-family 属性的简写,可以将元素的字体设置为系统字体

font-display

决定了一个 @font-face 在不同的下载时间和可用时间下是如何展示的

@font-face

CSS at-rule,指定一个用于显示文本的自定义字体;字体能从远程服务器或者用户本地安装的字体加载

font-family

通过给定一个有先后顺序的,由字体名或者字体族名组成的列表来为选定的元素设置字体

font-family(@font-face)

为页面上的字体指定一个由 @font-face 规则定义的字体族

font-feature-settings

用于控制 OpenType 字体中的高级印刷功能

@font-feature-values

CSS at-rule,允许作者在 font-variant-alternates 中使用通用名称,用于在 OpenType 中以不同方式激活功能。它允许在使用几种字体时简化 CSS

font-kerning

设置是否使用字体中储存的字距信息

font-language-override

控制在指定的语言中使用特定的字形

font-optical-sizing

设置文本渲染是否针对不同尺寸的视图进行优化调整

font-size

设置字体大小。更改字体大小还会更新字体大小相关的 length 单位,例如 emex

font-size-adjust

定义字体大小应取决于小写字母,而不是大写字母。在字体较小时,字体的可读性主要由小写字母的大小决定,通过此选项即可进行调整

font-stretch

为字体定义一个正常或经过伸缩变形的字体外观,这个属性并不会通过伸展/缩小而改变字体的几何外形

font-style

设置 font-family 字体下的 italicoblique 样式

font-synthesis

控制浏览器可以合成(synthesize)哪些缺失的字体,粗体或斜体

font-variant

CSS 简写属性,是 font-variant-caps, font-variant-numeric, font-variant-alternates, font-variant-ligatures, font-variant-east-asian 等属性的简写

font-variant-alternates

控制备用字体的使用,这些替代字体可以通过 @font-feature-values 中定义的替代名称来引用

font-variant-caps

控制大写字母特殊字符的使用

font-variant-east-asian

控制东亚文字(如日语和中文)的替代字形的使用

font-variant-ligatures

控制其所应用元素文本的 ligaturescontextual forms 。会使文字最终的表现形式更加统一

font-variant-numeric

控制数字、分数和序号标记的替代字形的使用

font-variant-position

控制替代的、较小的字形的使用,这些字形定位为上标或下标

font-variation-settings

提供了对 可变字体(variable font) 特征的低级控制,通过指定要更改的特征的四个字母轴名称及其值

font-weight

指定字体的粗细程度

forced-color-adjust

选择某些元素退出强制颜色模式。然后将这些值的控制权恢复到 CSS

format()

@font-face 中的 src 描述符指定了包含字体数据的资源。@font-face 规则中需要指定这个属性

<frequency>

CSS数据类型,表示频率维度,例如语音的音高。目前它未在任何 CSS 属性中被使用

:fullscreen

CSS 伪类,匹配当前处于全屏模式的所有元素

:future

CSS 伪类,匹配任何完全出现在与 :current 匹配的元素之后的元素。例如,在带有由 WebVTT 显示的字幕的视频中