You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<p>This property affects the vertical positioning of the inline boxes generated
1950
1950
by an inline-level element inside a line box. The following values only have
1951
1951
meaning with respect to a parent inline-level element, or to a parent
1952
-
block-level element, if that element generatesa href="/TR/REC-CSS2/visuren.html#anonymous">anonymous inline boxes</a>; they
1952
+
block-level element, if that element generates <a href="/TR/REC-CSS2/visuren.html#anonymous">anonymous inline boxes</a>; they
1953
1953
have no effect if no such parent exists.
1954
1954
1955
1955
<div class="note">
@@ -2346,7 +2346,7 @@ The alignment constraints depend on the script used. In Japanese vertical writin
2346
2346
2347
2347
2348
2348
2349
-
<p class="issue">Add content describing constraint that the block container have a baseline grid (or fixed line-height?). Can we say that the UA can treat other inline or replaced elements in the para as having line-height equal to zero when calculating the initial letter's alignment?</p>
2349
+
<p class="issue">Add content describing constraint that the block container have a baseline grid (or fixed line-height?).</p>
@@ -2380,9 +2380,9 @@ Only the following properties can be applied to the <code>::first-letter</code>
2380
2380
2381
2381
2382
2382
2383
-
<h3 id="sizing-drop-initials">Creating Initial Letters: The 'initial-letter' shorthand</h3>
2383
+
<h3 id="sizing-drop-initials">Creating Initial Letters: the 'initial-letter' shorthand</h3>
2384
2384
2385
-
This <i>shorthand property</i>for 'initial-letter-drop' and 'initial-letter-size'takes two positive integer values. The first argument defines the number of lines the initial letter should sink. An N-line initial letter sinks to the Nth text baseline. The optional second argument defines how many lines the initial letter occupies. If not specified, it duplicates the first argument.
2385
+
This <i>shorthand property</i>sets the 'initial-letter-drop' and 'initial-letter-size'properties. The first argument defines the number of lines the initial letter should sink. An N-line initial letter sinks to the Nth text baseline. The optional second argument defines how many lines the initial letter occupies. If not specified, it duplicates the first argument.
<p class="note">Unlike most shorthands, omitting an argument does not result in the initial value for that argument being used.</p>
2399
-
2400
2398
2401
2399
<div class="example">
2402
2400
@@ -2418,32 +2416,6 @@ p::first-letter {
2418
2416
2419
2417
2420
2418
2421
-
2422
-
<h3>The initial-letter-drop property</h3>
2423
-
2424
-
This longhand describes the line to which an initial letter “sinks.” As in the above example, the baseline of a three-line initial letter aligns to the third text baseline of the paragraph.
Applies to: <code>::first-letter</code> pseudo elements and inline level first child of a block container
2433
-
Inherited: no
2434
-
Percentages: N/A
2435
-
Media: visual
2436
-
Computed value: ???
2437
-
</pre>
2438
-
2439
-
<h3>The initial-letter-size property</h3>
2440
-
2441
-
2442
-
Some styles of drop initials do not align with the first line of text. For example, “sunken caps” both sink below the first baseline, and extend above the first line of text. In these cases, the size of the initial cap needs to be defined. The 'initial-letter-size' property specifies the size of the initial letter, as if it were an n-line drop cap.
Some styles of drop initials do not align with the first line of text. For example, “sunken caps” both sink below the first baseline, and extend above the first line of text. In these cases, the size of the initial cap needs to be defined. The optional second argument of 'initial-letter' specifies the size of an initial letter, as if it were an n-line drop cap.
2433
+
2460
2434
2461
2435
2462
2436
@@ -2468,25 +2442,20 @@ Computed value: ???
2468
2442
2469
2443
<figure>
2470
2444
<img src="SunkenCapA.png" width="480" alt="sunken drop initial"/>
2471
-
<p class="caption">Sunken cap. The letter drops to the second line, but is the size of a three-line initial letter.</p>
2445
+
<p class="caption">Sunken cap. The letter drops two lines, but is the size of a three-line initial letter.</p>
2472
2446
</figure>
2473
2447
<pre>
2474
-
/* shorthand */
2448
+
2475
2449
p::first-letter {
2476
2450
initial-letter: 2 3;
2477
2451
}
2478
2452
2479
-
/* longhand */
2480
-
p::first-letter {
2481
-
initial-letter-drop: 2;
2482
-
initial-letter-size: 3;
2483
-
}
2484
2453
</pre>
2485
2454
2486
2455
</div>
2487
2456
2488
2457
2489
-
If 'initial-letter-drop'is ''1'', that creates a pure raised initial letter (often called a “raised cap” or “stick-up cap.” It “sinks” to the first text baseline.
2458
+
If the first argument is ''1'', that creates a pure raised initial letter (often called “raised cap” or “stick-up cap.”
2490
2459
2491
2460
2492
2461
<div class="example">
@@ -2496,16 +2465,11 @@ p::first-letter {
2496
2465
<p class="caption">Raised cap. The initial letter is the size of a 3-line initial, but does not drop.</p>
2497
2466
</figure>
2498
2467
<pre>
2499
-
/* shorthand */
2468
+
2500
2469
p::first-letter {
2501
2470
initial-letter: 1 3;
2502
2471
}
2503
2472
2504
-
/* longhand */
2505
-
p::first-letter {
2506
-
initial-letter-drop: 1;
2507
-
initial-letter-size: 3;
2508
-
}
2509
2473
</pre>
2510
2474
2511
2475
</div>
@@ -2554,9 +2518,10 @@ span.initial {
2554
2518
initial-letter-alignment: ideographic;
2555
2519
}
2556
2520
</pre>
2557
-
</div>
2558
2521
2559
2522
2523
+
</div>
2524
+
2560
2525
2561
2526
<h3 id="initial-letter-exclusions">Space Around Initial Letters</h3>
2562
2527
@@ -2577,10 +2542,6 @@ Text should be excluded around the glyph bounding boxes of the initial letters:
2577
2542
</figure>
2578
2543
2579
2544
2580
-
<p class="note">For Western scripts, an initial letter acts as a content box bounded at the top by the cap height of the font, and at the bottom by the glyph bounding box. Borders, margins, and padding will extend from this content box.</p>
2581
-
<p class="issue">The content box will need to be different for non-Western scripts. Perhaps this should be defined as part of the 'initial-letter-alignment' property.</p>
2582
-
2583
-
2584
2545
<h3 id="initial-letter-paragraphs">Interactions of initial letters with surrounding paragraphs</h3>
0 commit comments