Satır öğelerindeki satırın sonunda CSS sınırı

Question

Satır içi HTML öğelerinin bir kenarlıkla varsayılan davranışı, satır çizgisindeki bir çizginin sonunda ve başlangıcında sınırsız çizilir. Her satır bir kutunun içindedir gibi görünüyor böylece http://jsfiddle.net/yuszuv/ft7waga3/1/

"eksik" sınırları çizmek için herhangi bir yolu var mı:

span { 
    border: 1px solid black; 
} 

gibi de sonuçlanacaktır bakın?

Answer 1

Bir display:inline öğesinde border'u kullanarak bir dikdörtgenin içerdiği her satırı yapamayacağınızdan korkuyorum.
Ancak, çalışan bir geçici çözüm, bir box-shadow kullanmaktır. FireFox dan bir ekran Aşağıda

jsfiddle

span { 
    line-height: 32px; 
    box-shadow: 0 0 0 1px black; 
} 

: Ocak iyi bir yaklaşım kullanmaktır, söylediği gibi

---

box-decoration-break

span { 
    border: 1px solid black; 
    -webkit-box-decoration-break: clone; 
    box-decoration-break: clone; 
} 

updated jsFiddle