3

More than 5 years have passed since last update.

株式会社LIG

tableのボーダーがie9以上だけ効かないよ

CSS

Posted at 2014-12-23

thとtdにborder引いたけどie9だと出ませんでした。

前提:
ie9+しか確認していません

解決方法

tableに以下を追加
border-collapse: separate;
border-spacing: 0;

table {
    border-collapse: separate;
    border-spacing: 0;
    th {
        border-left: 1px solid $border-form;
        border-right: 1px solid $border-form;
        border-bottom: 1px solid $border-form;
    }
    td {
        border-right: 1px solid $border-form;
        border-bottom: 1px solid $border-form;    
    }
}

注意

border-collapseはcollapseがデフォルトな罠

3

Register as a new user and use Qiita more conveniently

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

3