web-dev-qa-db-ja.com

CSSボーダーが機能しない

my white container の両側に境界線を取得しようとしています。表示されていないだけです。念のために、3つの異なる要素に入れようとしました。 （下記参照）。それを機能させる方法についてのアイデアはありますか？

#wrapper {
    width:1000px;
    background:#F4F4F4;
    padding-top:5px;
    border: 3px #CDCDCD;
    overflow: auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto;  
}

#casing {
    padding:0px 0px 0px 0px;
    background:#Fff;
    border: 0 1px 0 1px solid #000;
}   

#cover {
    border: 0 1px 0 1px solid #000;
}
cssborder
36
Tara

これを行う：

border: solid #000;
border-width: 0 1px;

ライブデモ：http://jsfiddle.net/aFzKy/

87
Šime Vidas

border:プロパティの簡略構文を作成したと思います=）

単純に試してください：

border-right: 1px solid #000;
border-left: 1px solid #000;
16
Rudi Visser

私の知る限り、境界線のような速記はありません。各境界線を個別に定義する必要があります。

border: 0 solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
4
Tatu Ulmanen

Firebugを使用して、レンダリングされたHTMLを検査し、どのCSSがさまざまな要素に適用されているかを正確に確認しようとしましたか？これにより、上記のようなcssエラーが検出されるはずです。どのスタイルが継承され、どこから継承されているかを確認できます。これは、cssデバッグでも非常に貴重です。

4
Ken Ray

CSSでこのコード行を使用します

border: 1px solid #000 !important;

または、コンテナの左右にのみ境界線が必要な場合は、次を使用します。

border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;
3
Anil Singhania

高さは100％不明です。diplay: block; or display: inline-block;

0
Dan