「テーブル」>「行」>「行のプロパティ>「高度な設定」>「枠線の色」について②

「Border Style」の一難が去ってまた一難。「枠線の色」も入力画面と公開後のブラウザで見るイメージが異なったり、設定が反映されない問題。「Border Style」同様にケース別にまとめてみる。
「枠線の色」のみ設定した場合の比較
まずは、単純に「枠線の色」のみを設定する。
表
| ここで「表のプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定 | |
セル
| ここで「セルのプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定 | |
行
| ここで「行のプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定 | |
入力画面では
- 表 反映しない
- セル 反映する(太さはほかのセルと同じ、線種は破線っぽく他のセルと同じ)
- 行 反映しない
以上のような感じ。公開してブラウザで確認すると?
- 表 反映しない
- セル 反映する(太さはほかのセルと同じ。線種は実線っぽく他のセルと同じ)
- 行 反映しない
「枠線の色」+「Border Style」を組み合わせた場合の比較
次に、「枠線の色」+で「Border Style」を設定するとどうなるか?
表
| ここで「表のプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定+「Border Style」を[Dashed]に設定 | |
セル
| ここで「セルのプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定+「Border Style」を[Dashed]に設定 | |
行
| ここで「行のプロパティ」の「枠線の色」を「赤」[255]「緑」[0]「青」[0]に設定+「Border Style」を[Dashed]に設定 | |
入力画面では
- 表 反映しない
- セル 反映する(太さはほかのセルと同じ。線種は破線っぽく他のセルと同じ)
- 行 反映する(太さは3pxくらい)
以上のような感じ。公開してブラウザで確認すると?
- 表 反映する(太さは3pxくらい)
- セル 反映する(太さは1pxくらい。他のセルとの境界線は反映されていない)
- 行 反映する(太さは3pxくらい)
なんだかな。って感じです。次回は表にまとめる。