テーブルのフィールドの境界線を設定するにはどうすればよいですか?

ダニエル

いくつかのフィールドがあるテーブルがあります。ボーダースタイルを一度だけ設定しようとしています:

md-grid-tile:not(.header), md-grid-tile:not(.md-grid-header) {
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
}

しかし、私は2回国境を取得します。些細な解決策があることは知っていますが、それを忘れました

ここに画像の説明を入力してください

HTML:

 <md-grid-list cols="3" rowHeight="10" id="alarm_schedule" class="md-grid-list-custom">

          <!-- Header -->
          <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Урок</span></md-grid-tile>
          <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Время (от)</span></md-grid-tile>
          <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Время (до)</span></md-grid-tile>
</md-grid-list>
オブシディアンエイジ

:first-of-type疑似セレクターの利用をお勧めしますborder-left最初の要素にのみを適用すると、border-rightすべての要素が左側の境界線として機能します。

あなたは使用することができるmarginのを-2px、細胞がそれらの間にギャップがないことを確認するために:

md-grid-tile:not(.header),
md-grid-tile:not(.md-grid-header) {
  border-right: 5px solid #e0e0e0;
  border-bottom: 5px solid #e0e0e0;
  padding: 5px;
  margin: -2px;
}

md-grid-tile:first-of-type {
  border-left: 5px solid #e0e0e0;
}
<md-grid-list cols="3" rowHeight="10" id="alarm_schedule" class="md-grid-list-custom">
  <!-- Header -->
  <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Урок</span></md-grid-tile>
  <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Время (от)</span></md-grid-tile>
  <md-grid-tile rowspan="5" colspan="1" class="md-grid-header"><span>Время (до)</span></md-grid-tile>
</md-grid-list>

お役に立てれば!:)

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

HTMLフィールド(CKeditorで編集)のテーブルの境界線を表示するにはどうすればよいですか?

分類Dev

テーブルのセルの境界線を削除するにはどうすればよいですか?

分類Dev

既存のフィールドを別のテーブルへの外部キーとして設定するにはどうすればよいですか?

分類Dev

テーブルの境界線をcolgroupのみに適用するにはどうすればよいですか?

分類Dev

特定のテーブルから特定のフィールドに一意を設定するにはどうすればよいですか?

分類Dev

デフォルトのテーブルの境界線/間隔/パディングを削除するにはどうすればよいですか?

分類Dev

DocxJSでテーブルの境界線を削除するにはどうすればよいですか?

分類Dev

デザイン時のFiredacでテーブルフィールドをプライマリに設定するにはどうすればよいですか?

分類Dev

Dynamo DBでブールフィールドを設定するにはどうすればよいですか?

分類Dev

グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

分類Dev

サードパーティのメールにGmailのプロフィール写真を設定するにはどうすればよいですか?

分類Dev

graphqlのフィールドにnullを設定するにはどうすればよいですか?

分類Dev

SQLAlchemyのフィールドに値NULLを設定するにはどうすればよいですか?

分類Dev

PythonでnamedTupleのフィールド値を設定するにはどうすればよいですか?

分類Dev

DjangoでManyToManyフィールドの値を設定するにはどうすればよいですか?

分類Dev

Kivyでラベルの位置を境界線に設定するにはどうすればよいですか?

分類Dev

別の境界線のスタイルを設定するにはどうすればよいですか?

分類Dev

ブートストラップテーブル。テーブルからすべての境界線を削除するにはどうすればよいですか?

分類Dev

境界線の幅が異なる偶数のテーブル境界線を描画するにはどうすればよいですか?

分類Dev

2つのテーブルフィールドを分割するにはどうすればよいですか?

分類Dev

ここでバーの境界線の色を設定するにはどうすればよいですか?

分類Dev

SpringブートのSolrフィールドにトークナイザーを設定するにはどうすればよいですか?

分類Dev

Javascriptでテーブルセルの背景画像を設定するにはどうすればよいですか?

分類Dev

Webドライバーでテキストフィールドの値を一度に設定するにはどうすればよいですか?

分類Dev

xamarinフォーム入力フィールドの無効なテキストの色を設定するにはどうすればよいですか?

分類Dev

PHPMDルールのプロパティを設定するにはどうすればよいですか?

分類Dev

フィールドに基づいて保存するアイテムの最大数を設定するにはどうすればよいですか?

分類Dev

フィールドが特定の値に設定されていることをテストするにはどうすればよいですか?

分類Dev

JHeatChartヒートマップチャートで小さなピクセルの境界線を設定するにはどうすればよいですか?

Related 関連記事

  1. 1

    HTMLフィールド(CKeditorで編集)のテーブルの境界線を表示するにはどうすればよいですか?

  2. 2

    テーブルのセルの境界線を削除するにはどうすればよいですか?

  3. 3

    既存のフィールドを別のテーブルへの外部キーとして設定するにはどうすればよいですか?

  4. 4

    テーブルの境界線をcolgroupのみに適用するにはどうすればよいですか?

  5. 5

    特定のテーブルから特定のフィールドに一意を設定するにはどうすればよいですか?

  6. 6

    デフォルトのテーブルの境界線/間隔/パディングを削除するにはどうすればよいですか?

  7. 7

    DocxJSでテーブルの境界線を削除するにはどうすればよいですか?

  8. 8

    デザイン時のFiredacでテーブルフィールドをプライマリに設定するにはどうすればよいですか?

  9. 9

    Dynamo DBでブールフィールドを設定するにはどうすればよいですか?

  10. 10

    グリッドビューテンプレートフィールドの境界フィールドにテキストボックスのフォントサイズを設定するにはどうすればよいですか?

  11. 11

    サードパーティのメールにGmailのプロフィール写真を設定するにはどうすればよいですか?

  12. 12

    graphqlのフィールドにnullを設定するにはどうすればよいですか?

  13. 13

    SQLAlchemyのフィールドに値NULLを設定するにはどうすればよいですか?

  14. 14

    PythonでnamedTupleのフィールド値を設定するにはどうすればよいですか?

  15. 15

    DjangoでManyToManyフィールドの値を設定するにはどうすればよいですか?

  16. 16

    Kivyでラベルの位置を境界線に設定するにはどうすればよいですか?

  17. 17

    別の境界線のスタイルを設定するにはどうすればよいですか?

  18. 18

    ブートストラップテーブル。テーブルからすべての境界線を削除するにはどうすればよいですか?

  19. 19

    境界線の幅が異なる偶数のテーブル境界線を描画するにはどうすればよいですか?

  20. 20

    2つのテーブルフィールドを分割するにはどうすればよいですか?

  21. 21

    ここでバーの境界線の色を設定するにはどうすればよいですか?

  22. 22

    SpringブートのSolrフィールドにトークナイザーを設定するにはどうすればよいですか?

  23. 23

    Javascriptでテーブルセルの背景画像を設定するにはどうすればよいですか?

  24. 24

    Webドライバーでテキストフィールドの値を一度に設定するにはどうすればよいですか?

  25. 25

    xamarinフォーム入力フィールドの無効なテキストの色を設定するにはどうすればよいですか?

  26. 26

    PHPMDルールのプロパティを設定するにはどうすればよいですか?

  27. 27

    フィールドに基づいて保存するアイテムの最大数を設定するにはどうすればよいですか?

  28. 28

    フィールドが特定の値に設定されていることをテストするにはどうすればよいですか?

  29. 29

    JHeatChartヒートマップチャートで小さなピクセルの境界線を設定するにはどうすればよいですか?

ホットタグ

アーカイブ