Result Size: 300 x 150
×
Изменить ориентацию Онлайн-редактор CodepenОткрыть на Codepen Изменить тему, Темная/Светлая
​x
 
<!DOCTYPE html>
<html>
<head>
<style>
p.ex1 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thin;
}
​
p.ex2 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: medium;
}
​
p.ex3 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: thick;
}
​
p.ex4 {
  border: 1px solid black;
  outline-style: solid;
  outline-color: red;
  outline-width: 4px;
}
</style>
</head>
<body>
​
<h2>Свойство outline-width</h2>
​
<p class="ex1">Тонкий контур.</p>
<p class="ex2">Средний контур.</p>
<p class="ex3">Толстый контур.</p>
<p class="ex4">Контур толщиной в 4px.</p>
​
</body>
</html>