frame_selection_underline.css (945B)
1 html { 2 font-size: 16px; 3 } 4 5 * { 6 margin: 0; 7 padding: 0; 8 } 9 10 @font-face { 11 font-family: "AhemTest"; 12 src: url(../../../../tests/fonts/Ahem.ttf); 13 } 14 15 @font-face { 16 font-family: "mplusTest"; 17 src: url(../../../../tests/fonts/mplus/mplus-1p-regular.ttf); 18 } 19 20 /* For aligning the two spacers (see below) to the left most and the right most, 21 the div must create a new blocking format context. */ 22 div#target { 23 position: absolute; 24 } 25 26 span#decoration { 27 margin-left: 0.333em; 28 } 29 30 body.reference div span#decoration { 31 text-decoration: underline; 32 } 33 34 /* both ends of selection underlines for IME are clipped for making the 35 boundaries of clauses in composition string clear. These spacers will 36 cover the ends in the reference. */ 37 span#leftspacer, 38 span#rightspacer { 39 background-color: white; 40 position: absolute; 41 width: 1px; 42 height: 100%; 43 overflow: hidden; 44 } 45 46 span#leftspacer { 47 left: 0.333em; 48 } 49 50 span#rightspacer { 51 right: 0; 52 }