博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用CSS ::marker的自定义项目符号
阅读量:4118 次
发布时间:2019-05-25

本文共 481 字,大约阅读时间需要 1 分钟。

css ::marker这是一种实验技术,由于该技术的规格不稳定,请查看各种浏览器的兼容性表格以供使用。

另外请注意,随着规范的变化,实验技术的语法和行为在未来版本的浏览器中可能会发生变化。

::marker元素代表一个列表项的标记框(<li>)。标记通常是一个项目符号或数字。

使用:

在css中display设置list-item值之后就会生成一个Markers标记以及控制标记位置和样式的几个属性,而且还定义了计数器(计数器是一种特殊的数值对象),而且该计数器通常用于生成标记(Markers)的默认内容。

CSS伪元素::marker就是选择这些Markers标记。

ul ::marker, ol ::marker {     font-size: 200%;     color: #00b7a8;     font-family: "Comic Sans MS", cursive, sans-serif; }

只有一小部分CSS属性可以使用在::marker伪元素上:

  • color

  • text-combine-upright

  • 全部字体属性

本文完~

转载地址:http://bbbpi.baihongyu.com/

你可能感兴趣的文章
微信小程序中使用npm过程中提示:npm WARN saveError ENOENT: no such file or directory
查看>>
Xcode 11 报错,提示libstdc++.6 缺失,解决方案
查看>>
idea的安装以及简单使用
查看>>
Windows mysql 安装
查看>>
python循环语句与C语言的区别
查看>>
Vue项目中使用img图片和background背景图的使用方法
查看>>
vue 项目中图片选择路径位置static 或 assets区别
查看>>
vue项目打包后无法运行报错空白页面
查看>>
Vue 解决部署到服务器后或者build之后Element UI图标不显示问题(404错误)
查看>>
element-ui全局自定义主题
查看>>
facebook库runtime.js
查看>>
vue2.* 中 使用socket.io
查看>>
openlayers安装引用
查看>>
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
初始化VUE项目报错
查看>>
vue项目使用安装sass
查看>>
HTTP和HttpServletRequest 要点
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
关于无线PCB中 中50欧姆的特性阻抗的注意事项
查看>>