EightShapes Text Crop
@mixin text-crop($line-height: 1.3, $top-adjustment: 0px, $bottom-adjustment: 0px) { // Configured in Step 1 $top-crop: TOPCROP; $bottom-crop: BOTTOMCROP; $crop-font-size: FONTSIZE; $crop-line-height: LINEHEIGHT; // Apply values to calculate em-based margins that work with any font size $dynamic-top-crop: max(($top-crop + ($line-height - $crop-line-height) * ($crop-font-size / 2)), 0) / $crop-font
CSSで行取りを表現するには - overprint
行取りって何？ JLREQこと「日本語組版の要件（http://www.w3.org/TR/2011/WD-jlreq-20111129/ja/）」には下記のように書かれています。 見出しを配置する行送り方向の領域設定で，基本版面で設定した行位置を基準にして設定する方法が行取りである．この場合，見出しの行送り方向に占める領域は，“行の幅×行数＋行間×（行数−1）”となる．しかし，見た目には，ページ（又は段）の途中に見出しを配置する場合は，その領域の前及び後ろの行間が加わり，ページ（又は段）の先頭に見出しを配置する場合は，その領域の後ろの行間が加わった大きさとなる． 4.1.6 行取りの処理例 行取りの例 JLREQの該当ページにも図版でいくつかの例が示されていますので、それを見ればどういうものか分かると思います。要するに見出し部分の送り方向のサイズを本文の複数行分に正確に指定することで、各
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
