Question

I often find myself into this:

.class {
   border-top:1px dashed #0000000;
   border-bottom:1px dashed #0000000;
}

Is there a way to one-line that?

I tried this but doenst’ work:

.class {
   border:1px 0 dashed #0000000;
}

Answer 1

You can use properties for every “side” (top, right, bottom, left) for each single border property, in your case:

.class{
border-color: #000;
border-width: 1px 0;
border-style: dashed;

}

Note that you can specify every property for every side, for example:

.class{
border-color: #000 green blue yellow;
border-width: 1px 2px 3px 4px;
border-style: dashed solid dotted solid;

}