使用jQuery获取边框样式

使用jQuery获取边框样式,jquery,css,Jquery,Css,如何使用jQuery获得边框样式。以下操作不起作用 $('#get').click(function() { var x = $('div').css('borderStyle'); alert(x) }) 检查 看起来你无法一次完成整个边界样式。您需要明确说明您想要的部分。显然,您必须指定侧面 就像这样: var x = $('div').css("border-left-style"); 我认为这是因为每一面都可能有不同的尺寸、颜色和样式。这些国家: 简写CSS属性(

如何使用jQuery获得边框样式。以下操作不起作用

$('#get').click(function() {
    var x = $('div').css('borderStyle');
    alert(x)
})
检查


看起来你无法一次完成整个边界样式。您需要明确说明您想要的部分。

显然,您必须指定侧面

就像这样:

var x = $('div').css("border-left-style");

我认为这是因为每一面都可能有不同的尺寸、颜色和样式。

这些国家:

简写CSS属性(例如边距、, 背景、边框)不受支持。 例如,如果要检索 渲染的边距,请使用: $(elem.css('marginTop')和 $(elem).css('marginRight'),等等

基本上,
边框样式
只是设置四边边框样式的简写。它也可以像
边框样式一样使用:点实线双虚线但通常您只需编写
边框样式:虚线margin
上,即
margin:20px实际上意味着
余量:20px 20px 20px 20px(它也是一个速记属性)


这就是为什么您需要使用
边框顶部样式
边框右侧样式
,等等来获取边框样式。

查看此项。似乎您必须设置一个显式的边: 不完全相同,但相同的原则应适用于您,如下所示:

alert($('div').css('border-top-style'));

alert($('div').css('border-top-style'));