您的当前位置:首页正文

css:mark标签使用实例

2020-11-27 来源:年旅网

mark标签:

mark元素表示页面中需要突出或高亮显示的内容,在搜索结果中也常常出现,比如检索结果中的关键词高亮显示。

案例:

<!DOCTYPE HTML>
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>HTML5每日一练之mark标签的应用</title>
 </head>
 <body>
 <p>HTML5|CSS3|论坛 | <mark>前端开发!</mark></p>
 <p>HTML5论坛,CSS3论坛,CSS论坛,WEB前端开发论坛,教程资源完全免费的网页教学网</p>
 </body>
 </html>

语法:

marks : none | crop || cross

参数:

none :  无页标记出现
crop :  在页面将会被裁切处指定切割标记
cross :  指定交叉线标记用来供页面对齐

说明:

印刷业的印刷文档通常在页面内容区域外带有一些标记,用来校正和调整所有的页面。此属性用来设置或检索什么样的标志是应该在页容器外边被给予。
目前IE5.5尚不支持此属性。
对应的脚本特性为marks。请参阅我编写的其他书目。

示例:

body { marks: crop cross }
显示全文