样式参考

这是对可用样式特性的引用,您可以将其应用于中的根元素(全局)、单个元素和单个块主题.json。请查看应用样式文档,了解如何将样式应用于主题。

边框

有两种方法可以使用边境样式属性。第一种是以块或元素的所有边为目标,其特性如表所示:

财产类型CSS属性
边界半径字符串,对象边界半径
边框.颜色字符串,对象边界颜色
border.style(边框样式)字符串,对象边缘样式
border.width(边框宽度)字符串,对象边界宽度

中的示例用法主题.json:

{“版本”:2,“样式”:{“边界”:{“颜色”:“#000000”,“style”:“solid”,“宽度”:“1px”}}}

第二种方法是专门针对顶部,正确的,底部、和左边边:

财产类型CSS属性
边界<侧面>.颜色字符串,对象边框-<side>-颜色
边界<侧面>.style字符串,对象border-<side>-样式
边界<侧面>宽度字符串,对象边框-<side>-宽度

中的用法示例主题.json:

{“版本”:2,“样式”:{“边界”:{“顶部”:{“颜色”:“#000000”,“style”:“solid”,“宽度”:“1px”}}}}

颜色

这个颜色style属性用于定义块或元素的默认文本、背景和链接颜色:

财产类型CSS属性
彩色文本字符串,对象颜色
颜色.背景色字符串,对象背景色
颜色链接字符串,对象颜色(适用于嵌套<a>元素)

中的用法示例主题.json:

{“版本”:2,“样式”:{“块”:{“核心/群体”:{“颜色”:{“text”:“#000000”,“background”:“#ffffff”,“链接”:“#777777”}}}}}

尺寸

这个尺寸style属性用于定义块或元素的最小高度:

财产类型CSS属性
尺寸最小高度字符串,对象最小高度

中的用法示例主题.json:

{“版本”:2,“样式”:{“区块”:{“芯/盖”:{“尺寸”:{“最小高度”:“50vh”}}}}}

过滤器

这个滤波器style属性用于定义块或元素的过滤器。目前,您可以设置默认双音滤镜:

财产类型CSS属性
过滤器.uotone字符串,对象滤波器

中的用法示例主题.json:

{“版本”:2,“样式”:{“块”:{“核心/图像”:{“过滤器”:{“duotone”:“var(--wp-预设--duotone--default-filter)”}}}}}

阴影

这个阴影style属性用于定义块或元素的默认方框阴影样式:

财产类型CSS属性
阴影字符串,对象盒子阴影

中的示例用法主题.json:

{“版本”:2,“样式”:{“区块”:{“核心/标题”:{“阴影”:“0 1px 2px 0 rgb(0 0 0/0.05)”}}}}

间距

这个间距style属性用于定义块或元素的默认间距、边距和填充:

财产类型CSS属性
块间隙字符串,对象边缘顶部,缺口
保证金<侧面>字符串,对象边距-<侧面>
填充<侧面>字符串,对象填充-<侧面>

可以定义任意或所有边(顶部,正确的,底部,左边)对于边缘衬垫样式属性。

中的用法示例主题.json:

{“版本”:2,“样式”:{“间距”:{“blockGap”:“2rem”,“保证金”:{“顶部”:“2rem”,“底部”:“2rem”},“填充”:{“left”:“2rem”,“right”:“2rem”}}}}

印刷术

这个印刷术style属性用于定义块或元素的默认字体和文本相关样式:

财产类型CSS属性
字体系列字符串,对象前家族
字体大小字符串,对象字体大小
字体样式字符串,对象字体风格
fontWeight(字体重量)字符串,对象字体加粗
字母间距字符串,对象字母间距
线条高度字符串,对象线路高度
text列一串
text装饰字符串,对象文本删除
写入模式字符串,对象写入模式

中的示例用法主题.json:

{“版本”:2,“样式”:{“区块”:{“核心/段落”:{“排版”:{“fontFamily”:“Georgia,serif”,“fontSize”:“1.25rem”,“fontStyle”:“正常”,“fontWeight”:“500”,“letterSpacing”:“0”,“lineHeight”:“1.6”,“textDecoration”:“无”}}}}}

CSS公司

这个css公司属性允许您直接在中编写自定义CSS主题.json对于块或元素:

财产类型CSS属性
css公司一串

中的用法示例主题.json:

{“版本”:2,“样式”:{“区块”:{“核心/画廊”:{“css”:“--wp--style--gallery-gap-default:1rem;”}}}}

要深入了解如何使用css公司样式属性,读取带的全块CSS主题.json在WordPress开发者博客上。