blocks|key|189769|text|答案是“不”。虽然可以通过访问currentStyle属性轻松地从Internet中的样式表中获取样式值，但如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|189770|alert(myDiv.currentStyle['rounded-corners']);
//->+"15px+15px"|code-block|syntax|javascript|189771|...other浏览器不支持currentStyle属性，而是选择支持W3C标准window.getComputedStyle()。getComputedStyle()在结果中不包括“扩张型”样式属性，这意味着您唯一的选择是迭代每个样式表中的规则，这可能是一个昂贵的过程，这取决于您拥有多少样式表和规则。显然，您还会在浏览器的级联/计算中失败。|189772|entityMap^0|F|C|0|0|E|C|14|P|1U|I|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

The answer is "no". While it is possible to easily get style values from stylesheets in Internet Explorer by accessing the <code>currentStyle</code> property, like so:

<pre><code>alert(myDiv.currentStyle['rounded-corners']);
//-&gt; "15px 15px"
</code></pre>

...other browsers don't support the <code>currentStyle</code> property, opting instead to support the W3C standard <code>window.getComputedStyle()</code>. <code>getComputedStyle()</code> doesn't include "expando" style properties in the outcome, which means your only option would be to iterate over the rules in each stylesheet instead, which could be an expensive procedure depending on how many stylesheets and rules you have. Obviously, you also lose out on the browser's cascading/computing.

blocks|key|2013425|text|无论如何，IE9以及火狐和Chrome的最新版本都能处理边界半径。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2013426|您可以使用CSS3派向旧版本的IE添加支持。不用自己写剧本。|offset|length|2013427|编辑:我想你可以写你自己版本的CSS3派，但你为什么要写呢？|2013428|entityMap|0|LINK|mutability|MUTABLE|url|http://css3pie.com/^0|0|5|5|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]]]

IE9 and the latest versions of Firefox and Chrome all handle border-radius anyway.

And you can use <a href="http://css3pie.com" rel="nofollow">CSS3 Pie</a> to add support to older version of IE. No need to write your own script.

EDIT: I suppose you could write your own version of CSS3 Pie, but why would you want to?

blocks|key|83081|text|您可能需要查看SASS/SCSS或较少，它们都提供“混合”功能。这些功能类似于CSS中的函数，应该允许您做您想做的事情。至少可以通过Javascript减少客户端的工作，我怀疑SCSS也能做到。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|83082|entityMap|0|LINK|mutability|MUTABLE|url|http://sass-lang.com/|1|http://lesscss.org/^0|7|9|0|H|2|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

You may want to look into <a href="http://sass-lang.com/" rel="nofollow">SASS/SCSS</a> or <a href="http://lesscss.org/" rel="nofollow">LESS</a>, which both offer "mixins". These act like functions in CSS, and should let you do what you want. LESS at least can be made to work client-side through Javascript; I suspect SCSS can too.

blocks|key|82705|text|CSS已经有一个圆角属性，称为border-radius。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|82706|几乎所有当前使用的浏览器都支持这一点。唯一重要的例外是IE8和更早的版本。|82707|在这种情况下，好消息是IE8确实可以按照您要求的方式进行编程。其他浏览器不能，但是IE可以，这是幸运的，因为它是比大多数浏览器更需要它的浏览器。|82708|所以你的问题的直接答案是“有时”。大多数浏览器放弃它们不支持的样式，但IE保留它们。显然它不会对它们做任何事情，但是你可以通过DOM访问它们，这意味着你可以做你想做的事情.但只有真正的IE。|82709|在圆角的情况下，已经有一个优秀的基于Javascript的黑客为它命名为CSS3Pie。这是开源的，所以您可以检查它们的源代码来了解它是如何完成的。|82710|但是，CSS3Pie代码非常复杂，所以如果您想要使用一个简单的示例，请看一看这个老剧本，它做同样的事情要简单得多。容易阅读，但不像功能一样。对于现实生活中的使用，使用CSS3Pie，但对于学习，这是一个更好的起点。|82711|对于使用IE，我建议按照这些脚本中的示例来实现您的要求。对于其他浏览器，您将有一个更艰难的时期。|82712|entityMap|0|LINK|mutability|MUTABLE|url|http://css3pie.com/|1|http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser^0|F|D|0|0|0|0|10|7|0|0|12|5|1|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|15|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|16|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|N|3|O|5|6|7|1B|8|@]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|P|3|Q|5|6|7|1F|8|@]|D|@]|E|$]]|$1|R|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]|Z|$5|U|V|W|E|$X|10]]]]

CSS already has a property for rounded corners, called <code>border-radius</code>.

This is supported by virtually all browsers in current use. The only exception of any significance is IE8 and earlier.

The good news in this case is that IE8 can indeed be programmed to work the way you're asking. Other browsers cannot, but IE can, and this is lucky, as it's the one browser that needs it more often than most.

So the direct answer to your question is "sometimes". Most browsers drop the styles they don't support, but IE keeps them. It obviously don't do anything with them, but you can access them via the DOM, which means that you can do what you're asking.... but only really in IE.

In the case of rounded corners, there is already an excellent Javascript-based hack for it called <a href="http://css3pie.com/" rel="nofollow">CSS3Pie</a>. This is open source, so you can examine their source code to learn how it's done.

The CSS3Pie code is quite complex though, so if you want a simpler example to work from, take a look at <a href="http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser" rel="nofollow">this older script</a> which does the same thing a lot more simplistically. Easier to read, but not as functional. For real life use, use CSS3Pie, but for learning, this one is a better starting point.

For working with IE, I would suggest following the examples in these scripts to achieve what you're asking. For other browsers, you will have a much harder time.

I want to make my own custom CSS elements that will be handled by a js file of mine. Is this possible?

Here would be an example:

<pre><code>div {
 rounded-corners:15px 15px
}
</code></pre>

And then use Javascript to apply the styles for each browser for rounding corners.

Is there a way to do something like this?

EDIT

The point isn't to add a common support for browsers. I want to implement my own CSS things.

Add style elements in CSS

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我想做我自己的自定义CSS元素，这些元素将由我的js文件处理。这个是可能的吗？以下是一个例子：div {    rounded-corners:15px 15px}然后使用Javascript为每个浏览器的四舍五入应用样式。有办法做这种事吗？编辑重点不是增加对浏览器的公共支持。我想实现我自己的CSS功能。

问在CSS中添加样式元素
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在CSS中添加样式元素EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在CSS中添加样式元素
EN