CSS 轮廓偏移

CSS 轮廓偏移

outline-offset အကွင်း နှင့် အကွင်း အရေးပါ့ အကြား အရွယ်အစား သည် အကွင်း နှင့် အကွင်း အကြား အခြေအနေ သို့ အပ်သည်။ အကွင်း နှင့် အကွင်း အကြား အခြေအနေ သည် ပြန်ဖန်းဖြင့် ရှိသည်。

အောက်ပါ အကျယ်း သည် အကွင်း အရေးပါ့ အောက် 25px နှက်ကန်း အကြောင်း သတ်မှတ်သည်:

အကွင်း အရေးပါ့ အောက်တွင် 25px နှက်ကန်း ရှိသည်。

အကျယ်း

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

亲自试一试

အောက်ပါ အကျယ်း သည် အကွင်းအတွင်း နှင့် အကွင်း အကြား အခြေအနေ ကို ဖော်ပြသည်:

နှက်ကန်း 25px နှင့် နှက်ကန်း အရေးပါ့ပေါ်တွင် ပါဝင်သည်。

အကျယ်း

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

亲自试一试

所有 CSS 轮廓属性

属性 描述
outline 简写属性，在一条声明中设置 outline-width、outline-style 以及 outline-color。
outline-color 设置轮廓的颜色。
outline-offset 指定轮廓与元素的边缘或边框之间的空间。
outline-style 设置轮廓的样式。
outline-width 设置轮廓的宽度。