Excel轉Html(四)-樣式轉化-CSS-border-width-屬性
1、EXCEL
CellStyle類：
語法：
border-width : medium | thin | thick | length
引數：
medium : 預設寬度
thin : 小於預設寬度
thick : 大於預設寬度
length : 由浮點數字和單位識別符號組成的長度值。不可為負值
public static final short BORDER_NONE = 0;
public static final short BORDER_THIN = 1;
public static final short BORDER_MEDIUM = 2;
public static final short BORDER_DASHED = 3;
public static final short BORDER_HAIR = 7;
public static final short BORDER_THICK = 5;
其中邊框型別分為以下幾種：
| 邊框範例圖 |
對應的靜態值 |
|
|
HSSFCellStyle. BORDER_DOTTED |
|
|
HSSFCellStyle. BORDER_HAIR |
|
|
HSSFCellStyle. BORDER_DASH_DOT_DOT |
|
|
HSSFCellStyle. BORDER_DASH_DOT |
|
|
HSSFCellStyle. BORDER_DASHED |
|
|
HSSFCellStyle. BORDER_THIN |
|
|
HSSFCellStyle. BORDER_MEDIUM_DASH_DOT_DOT |
|
|
HSSFCellStyle. BORDER_SLANTED_DASH_DOT |
|
|
HSSFCellStyle. BORDER_MEDIUM_DASH_DOT |
|
|
HSSFCellStyle. BORDER_MEDIUM_DASHED |
|
|
HSSFCellStyle. BORDER_MEDIUM |
|
|
HSSFCellStyle. BORDER_THICK |
|
|
HSSFCellStyle. BORDER_DOUBLE |
2、HTML
CSS border-width 屬性
例項
設定四個邊框的寬度：
p
{
border-style:solid;
border-width:15px;
}
瀏覽器支援
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支援 border-width 屬性。
註釋：任何的版本的 Internet Explorer （包括 IE8）都不支援屬性值 "inherit"。
定義和用法
border-width 簡寫屬性為元素的所有邊框設定寬度，或者單獨地為各邊邊框設定寬度。
只有當邊框樣式不是 none 時才起作用。如果邊框樣式是 none，邊框寬度實際上會重置為 0。不允許指定負長度值。
例子 1
border-width:thin medium thick 10px;- 上邊框是細邊框
- 右邊框是中等邊框
- 下邊框是粗邊框
- 左邊框是 10px 寬的邊框
例子 2
border-width:thin medium thick;- 上邊框是 10px
- 右邊框和左邊框是中等邊框
- 下邊框是粗邊框
例子 3
border-width:thin medium;- 上邊框和下邊框是細邊框
- 右邊框和左邊框是中等邊框
例子 4
border-width:thin;- 所有 4 個邊框都是細邊框
| 預設值： | medium |
|---|---|
| 繼承性： | no |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.borderWidth="thin thick" |
可能的值
| 值 | 描述 |
|---|---|
| thin | 定義細的邊框。 |
| medium | 預設。定義中等的邊框。 |
| thick | 定義粗的邊框。 |
| length | 允許您自定義邊框的寬度。 |
| inherit | 規定應該從父元素繼承邊框寬度。 |