csswg-drafts/css2/images/longdesc/clip-desc.html at c30ee4832e8b782553ffcaf8bdd88470f4e41571 · w3c/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en">
  <head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">

    <title>Long description for example of clipping region</title>
  </head>

  <body>
      <h1>Long description for example clipping region</h1>

<P>This diagram illustrates two block boxes, one above the other, with
rectangular clipping regions of different dimensions.

<P>The block boxes (generated for a P element) are identical and
depicted with a thick black border and a gray background.  A
coordinate system has its origin at the upper left corner of each
block box. The x-axis increases along the top edge of the P box, the
y-axis down the left edge. Both axes depict increments of 5px.

<P>The clipping region of the first P box lies entirely within it,
offset 5px from the top and left edges of the P box, and 10px from the
right and bottom edges. The clipping region has a thick dashed border
and a white background and is labeled "clip region".

<P>The clipping region of the second P box resembles that of the first
in style and position, except that the right edge is 5px to the right
of the P box's right edge. Thus, the clipping region lies partially
outside the P box.

<P><a href="../../visufx.html#img-clip">Return to image.</a>
  </body>
</html>