Excel轉Html(一)-樣式轉化-CSS-border-style-屬性
1、EXCEL
CellStyle類:
public static final short BORDER_DASHED = 3;
public static final short BORDER_HAIR = 7;
public static final short BORDER_DOUBLE = 6;
public static final short BORDER_DOTTED = 4;
public static final short BORDER_MEDIUM_DASHED = 8;
public static final short BORDER_DASH_DOT = 9;
public static final short BORDER_MEDIUM_DASH_DOT = 10;
public static final short BORDER_DASH_DOT_DOT = 11;
public static final short BORDER_MEDIUM_DASH_DOT_DOT = 12;
public static final short BORDER_SLANTED_DASH_DOT = 13;
引數通過表示邊框種類的short型值來指定。下面是定義在「HSSFCellStyle」類裡可以被指定值的一覽表。
值說明
BORDER_DASH_DOT | dash-dot border |
BORDER_DASH_DOT_DOT | dash-dot-dot border |
BORDER_DASHED | dash border |
BORDER_DOTTED | dot borderhair-line border |
BORDER_DOUBLE | double-line border |
BORDER_HAIR | hair-line border |
BORDER_MEDIUM | Medium border |
BORDER_MEDIUM_DASH_DOT | medium dash-dot border |
BORDER_MEDIUM_DASH_DOT_DOT | medium dash-dot-dot border |
BORDER_MEDIUM_DASHED | Medium dashed border |
BORDER_NONE | No border |
BORDER_SLANTED_DASH_DOT | slanted dash-dot border |
BORDER_THICK | Thick border |
BORDER_THIN | Thin border |
其中邊框型別分為以下幾種:
邊框範例圖 |
對應的靜態值 |
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
定義和用法
border-style 屬性用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。
只有當這個值不是 none 時邊框才可能出現。
例子 1
border-style:dotted solid double dashed;
- 上邊框是點狀
- 右邊框是實線
- 下邊框是雙線
- 左邊框是虛線
例子 2
border-style:dotted solid double;
- 上邊框是點狀
- 右邊框和左邊框是實線
- 下邊框是雙線
例子 3
border-style:dotted solid;
- 上邊框和下邊框是點狀
- 右邊框和左邊框是實線
例子 4
border-style:dotted;
- 所有 4 個邊框都是點狀
預設值: | not specified |
---|---|
繼承性: | no |
版本: | CSS1 |
JavaScript 語法: | object.style.borderStyle="dotted double" |
例項
設定 4 個邊框的樣式:
p
{
border-style:solid;
}
瀏覽器支援
所有瀏覽器都支援 border-style 屬性。
註釋:任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "inherit" 或 "hidden"。
可能的值
值 | 描述 |
---|---|
none | 定義無邊框。 |
hidden | 與 "none" 相同。不過應用於表時除外,對於表,hidden 用於解決邊框衝突。 |
dotted | 定義點狀邊框。在大多數瀏覽器中呈現為實線。 |
dashed | 定義虛線。在大多數瀏覽器中呈現為實線。 |
solid | 定義實線。 |
double | 定義雙線。雙線的寬度等於 border-width 的值。 |
groove | 定義 3D 凹槽邊框。其效果取決於 border-color 的值。 |
ridge | 定義 3D 壟狀邊框。其效果取決於 border-color 的值。 |
inset | 定義 3D inset 邊框。其效果取決於 border-color 的值。 |
outset | 定義 3D outset 邊框。其效果取決於 border-color 的值。 |
inherit | 規定應該從父元素繼承邊框樣式。 |
描述
最不可預測的邊框樣式是 double。它定義為兩條線的寬度再加上這兩條線之間的空間等於 border-width 值。不過,CSS 規範並沒有說其中一條線是否比另一條粗或者兩條線是否應該是一樣的粗,也沒有指出線之間的空間是否應當比線粗。所有這些都有使用者代理決定,創作人員對這個決定沒有任何影響。