సిఎస్ఎస్ షేడ్ ఆఫ్సెట్

సిఎస్ఎస్ షేడ్ ఆఫ్సెట్

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 ఆక్షరాల పరిమాణాన్ని అమర్చండి.