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

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -