WORDPRESS>ダッシュボード>新規投稿>「テーブル」について44 TEST

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

Border Style」の一難が去ってまた一難。「枠線の色」も入力画面と公開後のブラウザで見るイメージが異なったり、設定が反映されない問題。「Border Style」同様にケース別にまとめてみる。

「枠線の色」のみ設定した場合の比較

まずは、単純に「枠線の色」のみを設定する。

ここで「表のプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定

セル

ここで「セルのプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定

ここで「行のプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定

入力画面では

  • 表  反映しない
  • セル 反映する(太さはほかのセルと同じ、線種は破線っぽく他のセルと同じ)
  • 行  反映しない

以上のような感じ。公開してブラウザで確認すると?

  • 表  反映しない
  • セル 反映する(太さはほかのセルと同じ。線種は実線っぽく他のセルと同じ)
  • 行  反映しない

「枠線の色」+「Border Style」を組み合わせた場合の比較

次に、「枠線の色」+で「Border Style」を設定するとどうなるか?

ここで「表のプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定+「Border Style」を[Dashed]に設定

セル

ここで「セルのプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定+「Border Style」を[Dashed]に設定

ここで「行のプロパティ」の「枠線の色」を「」[255]「」[]「」[]に設定+「Border Style」を[Dashed]に設定

入力画面では

  • 表  反映しない
  • セル 反映する(太さはほかのセルと同じ。線種は破線っぽく他のセルと同じ)
  • 行  反映する(太さは3pxくらい)

以上のような感じ。公開してブラウザで確認すると?

  • 表  反映する(太さは3pxくらい)
  • セル 反映する(太さは1pxくらい。他のセルとの境界線は反映されていない)
  • 行  反映する(太さは3pxくらい)

なんだかな。って感じです。次回は表にまとめる。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする