Warum nicht border-style: double; Rendern?

Ich habe eine h1 auf die ich definiert habe folgende Formatvorlagen:

h1
  { text-align: center;
    border: double black 1px;
    padding: 1em;
    margin: 1em;
}

Hier ein JSfiddle: http://jsfiddle.net/KatieK/Hs3ZQ/

Habe ich den border-style zu verdoppeln, aber ich sehe nur eine einzige Grenze gerendert. Warum nicht eine doppelte Grenze Rendern?

InformationsquelleAutor KatieK | 2013-02-08
  1. 33

    double zeigt zwei gerade Linien, die sich auf die pixel-Menge definiert als die border-width (Quelle).

    Müssen Sie mindestens 3px.

    h1
  { text-align: center;
    border: double black 3px;
    padding: 1em;
    margin: 1em;
}

    http://jsfiddle.net/Hs3ZQ/6/

    • Ja. Ich hatte 1px und das ist, warum es nicht für mich arbeiten. Vielen Dank für die Hilfe!
    InformationsquelleAutor MikeSmithDev
  2. 7

    1px ist zu Dünn, um das Rendern einer doppelten Rahmen haben, müssen Sie, um die Grenze dicker.

    h1
  { text-align: center;
    border: double black 3px;
    padding: 1em;
    margin: 1em;
}

    http://jsfiddle.net/Hs3ZQ/3/

    InformationsquelleAutor Musa
  3. 5

    Für eine doppelte Grenze, die Sie benötigen, um eine Rahmenbreite von mindestens 3px zu den Effekt sehen.

    InformationsquelleAutor Mattias Buelens
  4. 2

    Entfernen von 1px von CSS funktioniert...

    h1
  { text-align: center;
    border: double black;
    padding: 1em;
    margin: 1em;
}

    finden Sie die aktualisierte fiddle : http://jsfiddle.net/Hs3ZQ/5/

    • Das ist, weil dann die Breite standardmäßig medium, die ist dicker.
    • ja richtig... Seine Frage, er gab doppelt so Grenze Stil, aber er sieht nur eine einzige Grenze... Also, wenn wir entfernen Sie die pixel-Größe,..., das es funktioniert..
    InformationsquelleAutor Pandian
Schreibe einen Kommentar