2011-05-05 16 views
6

我無法獲取元素的邊框寬度。我嘗試了以下,但它顯示空的結果。檢查http://jsfiddle.net/s7YAN/14/jQuery CSS borderWidth

$('div').css('borderWidth'); 
+1

可能重複[如何在jQuery/javascript中獲取邊框寬度](http://stackoverflow.com/questions/3787502/how-to-get-border-width-in-jquery-javascript) – 2011-05-05 21:41:40

+0

不是重複的對於那裏的解決方案不工作在這裏 – ariel 2011-05-05 21:43:41

回答

11

邊框寬度是單獨設置每個邊框的寬度語法糖。你不能認爲每個邊框的寬度是相同的,所以你需要問一個特定邊框的寬度。

$("div").css("borderTopWidth"); 
+0

這仍然無法正常工作。檢查http://jsfiddle.net/s7YAN/16/ – Pinkie 2011-05-05 21:45:47

+2

這是一個完全不同的問題:)。您不能只設置邊框寬度而不設置顏色和樣式。 http://jsfiddle.net/s7YAN/18/ – jacobangel 2011-05-05 21:47:26

+0

哎呀!我忘了鏈接工作示例:http://jsfiddle.net/s7YAN/21/ – jacobangel 2011-05-05 21:53:10

6

對於邊框寬度,您需要指定邊框的一側。 borderWidth/border-width是所有border-width的快捷方式。

$(function() { 
    alert($('div').css("border-top-width")); 
}); 

http://jsfiddle.net/ZsSmp/

此外,您還需要指定比邊框寬度更因爲它是有效的。只需指定一個邊框寬度不會產生邊框。它需要的顏色和款式,也:

border: 2px solid black; 
+0

有趣的是,因爲「邊框寬度」適用於Mac上的Chrome和Safari 6,但不適用於Mac上的Firefox。 – Elisabeth 2013-03-21 23:29:11

3

問題是你不要在你的CSS定義邊框樣式,所以它的默認爲無,其寬度爲0像素。

此外,你應該指定邊框寬度的哪個邊框(左邊,頂部)只是所有邊框的快捷方式。

+0

關於邊框式默認沒有解決我的頭髮拉片刻的位:謝謝! – Sean 2012-08-15 14:25:49