Answers for "outer border css"

inner border css

div {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100px;
    height: 100px;
    border: 20px solid #f00;
    background: #00f;
    margin: 10px;
}

div + div {
    border: 10px solid red;
}

How do you display a border like this:

A border-width:10px 5px 20px 1px B border:10px 20px 5px 1px C border:10px 1px 5px 20px D border-width:5px 20px 10px 1px