CSS Border rendering -
i know if possible specify border drawing style (not border-style
) css (i need works @ least on webkit).
well, have element div.border
, have four-side border 5px silver solid
. depending of class addition, div.border.red-mark
, receive border-left: 15px red solid
. need rendering style rectangular , not adaptative line width (or angled point).
to clarify, take @ this example. , need like that. i can't modify html structure, did on second example; can use only css that.
is possible?
you use css pseudo-content achieve fake border, this:
.red-mark:before { content: ''; display:block; width: 15px; position: absolute; top: -15px; left: -15px; bottom: -15px; background: red; }
see: http://jsfiddle.net/mnpka/1/
the minus positions because 0 starts within border. may able change behaviour setting box-sizing
though support isn't great yet - http://caniuse.com/#search=box-sizing
Comments
Post a Comment