Forum How do I...?

... get a fine line over my footnotes

frappierer
Hi there,

i attached a picture where you see footnotes. Top of the footnotes there is a small fine line off about 10% of the page (horizontally).
Any Idea how i can add such a thing with css? Border-Top will not help. As well i tried something like this:

.footnote:before {
content:"_______";
position: absolute;
}
an then set the margin correctly, but the footnote length (how much space the footnote will have on the page) varies so you cant use position absolute.

Regards
Martin
  1. Bildschirmfoto 2014-04-30 um 17.36.24.png206.5 kB
dauwhe
@page {
size: 6in 9in;
 @footnotes {
    border-top: 0.25pt solid;
    border-clip: 2in;
  }
}
frappierer
Wow. Works just perfect. Could you explain what is actually happening?
dauwhe
@footnotes is a special region inside the @page--it's the part of the page where footnotes (if they exist) are placed. So whenever there's a footnote on the page, this region will be created, and will have a border on top.

border-clip is what allows you to have a border that doesn't extend the full width of the page. Putting a length on border clip splits the border into two pieces--the part defined by the length is visible, and any remaining border is invisible.

Thanks,

Dave
frappierer
great. Thanks a lot