资讯频道 → Web前端
阅读更多

5顶
1踩

Web前端

原创新闻 Firefox 实现了三个CSS属性： text-shadow, -moz-box-shadow 和-moz-column-rule

2008-09-03 13:16 by 资深编辑 ╱/罒呍唲 评论(2) 有6935人浏览
CSS Firefox

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！



Michael Ventnor已在日志中提到了有关 Safari 和 Opera的新功能，支持text-shadow, -moz-box-shadow和-moz-olumn-rule 。
如果你一直追随着Gecko 1.9.1的发展，那么你可能已经知道这些CSS的属性，并且也可能已经使用过。这些属性我曾经实现过，但是没有做详细的介绍。这些都是Alpha 1中的属性，要等到Alpha 2到来之后才能有稳定的性能。现在我来介绍下CSS3 text-shadow, box-shadow 和 column-rule。

Text shadows本来在CSS2，但是由于缺乏实现就放到了CSS 2.1：但是它发展的却很缓慢！这就是为什么-moz prefix对text-shadow来说并不是那么重要。但是对于另外两个却很重要（-moz-box-shadow and -moz-column-rule）。这个属性有一个非常有创意的用途-可以标记这个 页面。另一个很酷的用途就是可以很好的与“contenteditable”属性一起使用-能够为你的文字背景添加闪烁的效果。

Box shadow真的很好，它可以让您页面上的在任何元素使用shadow，因此，很轻松的就能让您的Web应用程序变得格外的美丽。而且也支持text 和box的多重shadows功能。Column rule允许您在列的差距之间绘制线条，前提是如果你使用的是CSS3 columns，这同样也适用于边框（顶边等）。





来自: ajaxian.com
5
顶
1
踩
评论 共 2 条 请登录后发表评论
2 楼 inosin 2008-09-03 22:00
fx、ie、GC(google chrome)一个都不支持~
1 楼 QQbyte 2008-09-03 14:59
希望所有的浏览器尽早支持CSS 3.

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 前端常用属性知识点--文档

    清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{ content: ""; display: block; clear:both; visibility: hidden;...1）弹性盒子——css3中新增的布局方式。是一种当屏幕大小、设...

  • css样式如何设置边框，阴影，渐变等特效以及通过box-sizing属性设置盒子模型，背景区域设置等

    今天，我继续来和大家聊聊css3. 在css3中，新增了很多样式，使得页面更加的美观，效果更加的优秀。 但是，同样要注意的是，很多css3提出的新样式没有得到浏览器的支持，也就意味着有一部分的css3样式属性甚至可能...

  • -moz火狐 （firefox）CSS

    Mozilla浏览器支持一些扩展的CSS是以-moz开头的。这些措施包括了一些功能，包括圆形边界，并能够指定不同的方块的宽度和高度的计算，在非标准方式下，这种css在Mozilla浏览器下执行计算更容易得到支持。 有些特性...

  • Web前端基础知识之 CSS3 特性合集-shadow&animation&transition

    CSS3是在CSS2的基础上做了升级，最近在学习一下前端的基础知识，因此对学习过程做个一个记录 1.1由于CSS3在不同的浏览器中效果不一致（表示该CSS属性或者规则尚未成为W3C标准的一...-moz | firefox -ms | IE -o ...

  • javaEE -17（ 15000 字 CSS3 入门级教程 ）

    13000字 CSS3 入门级教程

  • CSS知识点汇总(三)--定位&伪类&移动端1px&CSS布局

    px 和 em 都是长度单位，区别是，px 的值是固定的，指定是多少就是多少，计算比较容易。em 得值不是固定的，并且 em 会继承父级元素的字体大小。浏览器的默认字体高都是 16px。所以未经调整的浏览器都符合: 1em=16px...

  • CSS3----新增特性及其在主流浏览器中的兼容性

     新增的属性选择器：  [att^='value'] ：属性 att 的值以指定值value开始  [att$='value']：属性 att 的值以指定值value结束  [att*='value']：属性 att 的值包含指定值value，而无论其位置

  • 前端面试题----html css

    前端面试之HTML、CSS

  • 前端面试题---html/css

    DOCTYPE 标签：head：body:base:可以用来统一设置当前页面上的超链接的跳转方式标签为页面上的所有链接规定默认地址或默认目标使用了 < base > 标签，则必须具备 href 属性或者 target 属性或者两个属性都具备通常...

  • css代码检查工具--cssLint

    微信公众号：前端程序猿之路 关注可了解更多的前端知识，反馈问题或建议，请公众号留言。 如果你觉得公众号内容对你有帮助，欢迎关注并转载 ...底下有一些设定项目可以调整检测的项目和规则，预...

  • 前端常见笔面--CSS

    除text-indent、text-align之外的文本系列属性 块级元素可以继承的属性 text-indent、text-align 10.2 css预处理工具 参考答案： CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。 css预处理器...

  • CSS3 - css3的新特性

    了解css3的新特性有助于我们了解css3的独特之处。 选择器 css3中新增了很多新的选择器供我们使用，解决了之前很多需要js才能解决的布局问题。 element1~element2: 选择element1元素后面的每个element2元素。 ...

  • 3.5-3.6 day15 移动web第四天 (PC flex布局)

    } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct ...

  • Css3 记录参考手册-新增伪类

    CSS3 是最新的 CSS 标准。一篇文章向您讲解 CSS3 中的新特性。

  • 我在乐字节学习前端的第二天-学习笔记：CSS3全面知识汇总

    第一部分：属性（定位、布局、弹性盒模型、尺寸、外补白、内补白、边框、背景、颜色、字体、列表、表格、内容、用户界面、多栏、2D变换、过渡、动画、打印、媒体查询、only IE、only Firefox、only webkit） ...

  • css+h5进阶：浏览器兼容、盒模型-怪异、多列布局、响应式布局、鼠标形状--第十四天

    css+h5进阶：浏览器兼容、盒模型-怪异、多列布局、响应式布局、鼠标形状--第十四天

  • Moz-css 大全

    原址：https://developer.mozilla.org/En/CSS_Reference:Mozilla_Extensions ...@-moz-document Pseudo-elements and pseudo-classes :-moz-list-bullet :-moz-first-node :-moz-last-node ...

  • 达内2016前端开发知识点总结--css--5+2天

    Css Day011、列表 1、有序 <ol></ol> <li></li> 属性： 1、type 2、start 2、无 <ul></ul> <li>&amp...

  • 粉阿吉整理(7)之------CSS3

    通过 CSS3，能够创建多个列来对文本进行布局 - 就像报纸那样！ 多用在文章部分 多列属性 栏目列数 column-count num 会冲突 栏目宽度 column-width px (必要属性) 栏目距离 column-gap px 栏目间隔线 column-...

  • firefox特有css扩展样式列表（转）

    Mozilla浏览器支持一些扩展的CSS是以-moz开头的。这些措施包括了一些功能，包括圆形边界，并能够指定不同的方块的宽度和高度的计算，在非标准方式下，这种css在Mozilla浏览器下执行计算更容易得到支持。 有些...

Global site tag (gtag.js) - Google Analytics