التحكم بالمسافة بين العنصر وال Outline

هناك الكثير من الطرق لعمل Border للعنصر

ومنها خاصية border وخاصية outline وخاصية box-shadow

وهنا سنتعلم كيفية تحديد المسافة ما بين العنصر وال Outline بإستخدام outline-offset

شاهد ال Code التالي

div {
  margin: 50px auto;
  width: 200px;
  padding: 15px;
  background-color: #DDD;
  text-align: center;
  border: 2px solid black;
  outline: 2px solid black;
  outline-offset: 5px;
}

الخاصية outline-offset من خلالها تقوم بتحديد المسافة مابين العنصر وال Outline شاهد المثال التالي