La bordure intérieure CSS - Possible

Je me demandais si il y a une propriété pour le réglage de l'extérieur et l'intérieur de la frontière pour un élément, par exemple: je veux gris foncé frontière du contour extérieur et blanc pour l'intérieur de la frontière.. j'ai joint une image pour bien me faire comprendre, je peux le faire avec le fait d'avoir 2 couches, l'une en tant que parent avec le gris foncé de la frontière et un autre enfant avec bordure blanche, mais il doit y avoir une meilleure et efficace des moyens. Veuillez vous guide si vous avez la bonne idée de réaliser cela.. Merci pour votre temps.. acclamationsLa bordure intérieure CSS - Possible

InformationsquelleAutor user1718343 | 2014-03-28
  1. 8

    Vous pouvez utiliser un encart box-shadow. DÉMO

    button {
    border: solid 1px #aaa;

    //Adds the inner "border"
    box-shadow: 0 0 1px #fff inset;

    background-image: linear-gradient(to bottom, #cfcfcf 0%, #c0c0c0 100%);
    padding: 20px;
    border-radius: 10px;
}

    Si vous souhaitez définir la "largeur" de la frontière, vous pouvez utiliser une quatrième valeur. Exemple avec 3px large médaillon box-shadow:

    box-shadow: 0 0 0 3px #fff inset;

    Plus d'infos sur le box-ombre, MDN

    • Yup, le meilleur et efficace 🙂 c'est vraiment cool.. Merci.. il m'a sauvé un peu de temps.. apprécié..
    • Vous êtes les bienvenus! Veuillez accepter la réponse si il résolu votre problème 🙂
    InformationsquelleAutor Mathias
  2. 0

    Utiliser CSS3 gradient de la place. Laissez votre bordure extérieure et de faire un arrêt de quelques pixels du bord. Vous pouvez le tester ici:

    http://www.colorzilla.com/gradient-editor/

    • Ne fonctionne que pour le haut/bas ou gauche/droite frontières bien, non? Je parie que le code de réaliser cela à l'aide de cette méthode ressemble méchants....
    InformationsquelleAutor Diodeus - James MacFarlane