サポート » テーマ » tableタグの書き方(style.css)

  • 解決済 itiyama

    (@itiyama)


    こんにちは。いつもお世話になっております。
    質問をする事が多くて恐縮です。スイマセン。
    テーマを、Twentysixteenでやっています。

    tableのCSSです。スタイルシートの記述方法が、
    今ひとつ、分かっていません。申し訳ありません、お願いします。

    style.cssに、

    table,
    th,
    td {
    border: 1px solid #d1d1d1;
    }

    table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
    }

    caption,
    th,
    td {
    font-weight: normal;
    text-align: left;
    }

    th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
    }

    td {
    border-width: 0 1px 1px 0;
    }

    th,
    td {
    padding: 0.4375em;
    }

    とあります。

    ===================================
    これを下のように、書き換えたら、
    cssの解釈が変わるんでしょうか?
    試しに、以下のようにしましたが、ブラウザの表示では、
    同じ状態なのですが、これでもいいのでしょうか?

    table,
    caption,
    table {
    border-collapse: separate;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    margin: 0 0 1.75em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
    }
    th {
    border-width: 0 1px 1px 0;
    font-weight: 700;
    }
    td {
    border: 1px solid #d1d1d1;
    border-width: 0 1px 1px 0;
    font-weight: normal;
    text-align: left;
    padding: 0.4375em;
    }

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック投稿者 itiyama

    (@itiyama)

    微妙に違う箇所が出るようなので、
    元通りに戻しました。お騒がせしました。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「tableタグの書き方(style.css)」には新たに返信することはできません。