首页 >web前端 >css教程 >css :mark标签使用实例

css :mark标签使用实例

黄舟
黄舟原创
2017-07-08 14:13:503989浏览

  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 }

以上是css :mark标签使用实例的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn