зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1258286: Part 2 - update w3c css masking mask-repeat ref test case. r=heycam
--HG-- extra : rebase_source : 2185d9144d7ee0b117249e61dc677e0f20d636ad
This commit is contained in:
Родитель
8289c3a746
Коммит
728a8aaccd
|
@ -13,33 +13,39 @@
|
|||
border: 1px solid black;
|
||||
}
|
||||
|
||||
div.inner {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
position: absolute;
|
||||
.color {
|
||||
background-color: purple;
|
||||
}
|
||||
|
||||
#pos-top-left { left: 0; top: 0; }
|
||||
#pos-top-right { right: 0; top: 0; }
|
||||
#pos-bottom-left { left: 0; bottom: 0; }
|
||||
#pos-bottom-right { right: 0; bottom: 0; }
|
||||
#default {
|
||||
position: absolute;
|
||||
width: 50px; height: 50px;
|
||||
}
|
||||
|
||||
#repeat-x {
|
||||
position: absolute;
|
||||
width: 100%; height: 50px;
|
||||
}
|
||||
|
||||
#repeat-y {
|
||||
position: absolute;
|
||||
width: 50px; height: 100%;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="outer">
|
||||
<div class="inner" id="pos-top-left"></div>
|
||||
<div class="inner" id="pos-top-right"></div>
|
||||
<div class="inner" id="pos-bottom-left"></div>
|
||||
<div class="inner" id="pos-bottom-right"></div>
|
||||
<div class="color" id="default"></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div class="inner" id="pos-top-left"></div>
|
||||
<div class="inner" id="pos-top-right"></div>
|
||||
<div class="color" id="default"></div>
|
||||
</div>
|
||||
<div class="outer color"></div>
|
||||
<div class="outer">
|
||||
<div class="color" id="repeat-x"></div>
|
||||
</div>
|
||||
<div class="outer">
|
||||
<div class="inner" id="pos-top-left"></div>
|
||||
<div class="inner" id="pos-bottom-left"></div>
|
||||
<div class="color" id="repeat-y"></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Загрузка…
Ссылка в новой задаче