forked from web-platform-tests/wpt
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
WebKit export:
background-clip: border-area should do nothing on th…
- Loading branch information
Showing
8 changed files
with
132 additions
and
0 deletions.
There are no files selected for viewing
22 changes: 22 additions & 0 deletions
22
css/css-backgrounds/background-clip/clip-border-area-on-body-not-propagated-to-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:border-area on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip"> | ||
| <link rel="match" href="clip-text-on-body-not-propagated-to-root-ref.html"> | ||
| <style> | ||
| html, body { | ||
| box-sizing: border-box; | ||
| height: 100%; | ||
| margin: 0; | ||
| } | ||
| html { | ||
| background-color: white; | ||
| } | ||
| body { | ||
| border: 20px solid transparent; | ||
| background-color: green; | ||
| background-clip: border-area; | ||
| padding: 10px; | ||
| } | ||
| </style> | ||
|
|
||
| There should be a 20px green border around the edge of the viewport. This text should be black on a white background. |
21 changes: 21 additions & 0 deletions
21
css/css-backgrounds/background-clip/clip-border-area-on-body-propagated-to-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,21 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:border-area on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip"> | ||
| <link rel="match" href="../reference/green-root-background.html"> | ||
| <style> | ||
| html, body { | ||
| box-sizing: border-box; | ||
| height: 100%; | ||
| margin: 0; | ||
| } | ||
| html { | ||
| color: transparent; | ||
| border: 20px solid transparent; | ||
| } | ||
| body { | ||
| background-color: green; | ||
| background-clip: border-area; | ||
| } | ||
| </style> | ||
|
|
||
| The border should not be visible; the page should be entirely green. |
20 changes: 20 additions & 0 deletions
20
css/css-backgrounds/background-clip/clip-border-area-on-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:border-area on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#propdef-background-clip"> | ||
| <link rel="match" href="../reference/green-root-background.html"> | ||
| <style> | ||
| html, body { | ||
| box-sizing: border-box; | ||
| height: 100%; | ||
| margin: 0; | ||
| } | ||
| html { | ||
| height: 100%; | ||
| color: transparent; | ||
| border: 20px solid transparent; | ||
| background-color: green; | ||
| background-clip: border-area; | ||
| } | ||
| </style> | ||
|
|
||
| The border should not be visible; the page should be entirely green. |
13 changes: 13 additions & 0 deletions
13
css/css-backgrounds/background-clip/clip-text-on-body-not-propagated-to-root-ref.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,13 @@ | ||
| <!DOCTYPE html> | ||
| <link rel="stylesheet" href="/fonts/ahem.css"> | ||
| <style> | ||
| html { | ||
| font-size: 24px; | ||
| background-color: white; | ||
| color: green; | ||
| font-family: Ahem; | ||
| } | ||
| </style> | ||
|
|
||
| This text should be green<br> | ||
| on a white background. |
20 changes: 20 additions & 0 deletions
20
css/css-backgrounds/background-clip/clip-text-on-body-not-propagated-to-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,20 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:text on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text"> | ||
| <link rel="stylesheet" href="/fonts/ahem.css"> | ||
| <link rel="match" href="clip-text-on-body-not-propagated-to-root-ref.html"> | ||
| <style> | ||
| html { | ||
| background-color: white; | ||
| font-size: 24px; | ||
| color: transparent; | ||
| font-family: Ahem; | ||
| } | ||
| body { | ||
| background-color: green; | ||
| background-clip: text; | ||
| } | ||
| </style> | ||
|
|
||
| This text should be green<br> | ||
| on a white background. |
16 changes: 16 additions & 0 deletions
16
css/css-backgrounds/background-clip/clip-text-on-body-propagated-to-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:text on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text"> | ||
| <link rel="match" href="../reference/green-root-background.html"> | ||
| <style> | ||
| html { | ||
| font-size: 80px; | ||
| color: transparent; | ||
| background-color: green; | ||
| } | ||
| body { | ||
| background-clip: text; | ||
| } | ||
| </style> | ||
|
|
||
| This text should not be visible; the page should be entirely green. |
14 changes: 14 additions & 0 deletions
14
css/css-backgrounds/background-clip/clip-text-on-root.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| <!DOCTYPE html> | ||
| <title>background-clip:text on the root</title> | ||
| <link rel="help" href="https://drafts.csswg.org/css-backgrounds-4/#valdef-background-clip-text"> | ||
| <link rel="match" href="../reference/green-root-background.html"> | ||
| <style> | ||
| html { | ||
| font-size: 80px; | ||
| color: transparent; | ||
| background-color: green; | ||
| background-clip: text; | ||
| } | ||
| </style> | ||
|
|
||
| This text should not be visible; the page should be entirely green. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,6 @@ | ||
| <!DOCTYPE html> | ||
| <style> | ||
| :root { | ||
| background-color: green; | ||
| } | ||
| </style> |