Шаблон:Test3 — различия между версиями
Материал из Integra-S Wiki
Wikiadmin (обсуждение | вклад) |
Wikiadmin (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
− | <!DOCTYPE | + | <!DOCTYPE html> |
<html> | <html> | ||
− | + | <head> | |
− | + | <style> | |
− | + | p.one { | |
− | + | border-style: solid; | |
− | + | border-width: 5px; | |
− | + | } | |
− | + | ||
− | + | p.two { | |
+ | border-style: solid; | ||
+ | border-width: medium; | ||
+ | } | ||
+ | |||
+ | p.three { | ||
+ | border-style: dotted; | ||
+ | border-width: 2px; | ||
+ | } | ||
+ | |||
+ | p.four { | ||
+ | border-style: dotted; | ||
+ | border-width: thick; | ||
+ | } | ||
+ | |||
+ | p.five { | ||
+ | border-style: double; | ||
+ | border-width: 15px; | ||
+ | } | ||
+ | |||
+ | p.six { | ||
+ | border-style: double; | ||
+ | border-width: thick; | ||
+ | } | ||
+ | |||
+ | p.seven { | ||
+ | border-style: solid; | ||
+ | border-width: 2px 10px 4px 20px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <h2>The border-width Property</h2> | ||
+ | <p>This property specifies the width of the four borders:</p> | ||
+ | |||
+ | <p class="one">Some text.</p> | ||
+ | <p class="two">Some text.</p> | ||
+ | <p class="three">Some text.</p> | ||
+ | <p class="four">Some text.</p> | ||
+ | <p class="five">Some text.</p> | ||
+ | <p class="six">Some text.</p> | ||
+ | <p class="seven">Some text.</p> | ||
+ | |||
+ | <p><b>Note:</b> The "border-width" property does not work if it is used alone. | ||
+ | Always specify the "border-style" property to set the borders first.</p> | ||
+ | |||
+ | </body> | ||
</html> | </html> |
Версия 10:57, 27 октября 2017
<!DOCTYPE html> <html> <head> <style> p.one {
border-style: solid; border-width: 5px;
}
p.two {
border-style: solid; border-width: medium;
}
p.three {
border-style: dotted; border-width: 2px;
}
p.four {
border-style: dotted; border-width: thick;
}
p.five {
border-style: double; border-width: 15px;
}
p.six {
border-style: double; border-width: thick;
}
p.seven {
border-style: solid; border-width: 2px 10px 4px 20px;
} </style> </head> <body>
The border-width Property
This property specifies the width of the four borders:
Some text.
Some text.
Some text.
Some text.
Some text.
Some text.
Some text.
Note: The "border-width" property does not work if it is used alone. Always specify the "border-style" property to set the borders first.
</body> </html>