సిఎస్ఎస్ కర్నర్ బోర్డర్

సిఎస్ఎస్ కర్నర్ బోర్డర్

border-radius అట్రిబ్యూట్లు సాధారణ మేకప్ కు కర్ణాకార కిన్నరాని చేస్తాయి:

సాధారణ కిన్నరాని

కర్ణాకార కిన్నరాని

కర్ణాకార కిన్నరాని

కర్ణాకార కిన్నరాని

ఉదాహరణ

p {
  border: 2px solid red;
  border-radius: 5px;
}

స్వయంగా ప్రయత్నించండి

మరిన్ని ఉదాహరణలు

ఒక డిక్లరేషన్ లోని అన్ని పై కిన్నరాని అట్రిబ్యూట్లు
ఈ ఉదాహరణ సరళ స్పెషల్ అట్రిబ్యూట్లను చూపుతుంది, దీని ద్వారా ఒక డిక్లరేషన్ లో అన్ని పై కిన్నరాని అట్రిబ్యూట్లను సెట్ చేయవచ్చు.
దిగువ కిన్నరాని శైలిని సెట్ చేయండి
ఈ ఉదాహరణ దిగువ కిన్నరాని శైలిని ఎలా సెట్ చేయాలను చూపుతుంది.
设置左边框的宽度
本例演示如何设置左边框的宽度。
设置四条边框的颜色
本例演示如何设置四条边框的颜色。它可以拥有一到四种颜色。
设置右边框的颜色
ఈ ఉదాహరణ కుడి కినరం రంగు అమర్చే విధం చూపిస్తుంది.

అన్ని CSS కినరం అట్రిబ్యూట్లు

అట్రిబ్యూట్ వివరణ
border సరళ అట్రిబ్యూట్, ఒక ప్రకటనలో అన్ని కినరం అట్రిబ్యూట్లను అమర్చుకోండి.
border-color సరళ అట్రిబ్యూట్, నాలుగు పక్కల కినరం రంగు అమర్చుకోండి.
border-radius సరళ అట్రిబ్యూట్, నాలుగు పక్కల కినరం రంగు అమర్చుకోండి.
border-style సరళ అట్రిబ్యూట్, నాలుగు పక్కల కినరం స్టైల్ అమర్చుకోండి.
border-width సరళ అట్రిబ్యూట్, నాలుగు పక్కల కినరం వెడల్పు అమర్చుకోండి.
border-bottom సరళ అట్రిబ్యూట్, ఒక ప్రకటనలో అన్ని క్రింద కినరం అట్రిబ్యూట్లను అమర్చుకోండి.
border-bottom-color క్రింద కినరం రంగు అమర్చుకోండి.
border-bottom-style క్రింద కినరం స్టైల్ అమర్చుకోండి.
border-bottom-width క్రింద కినరం వెడల్పు అమర్చుకోండి.
border-left సరళ అట్రిబ్యూట్, ఒక ప్రకటనలో అన్ని ఎడమ కినరం అట్రిబ్యూట్లను అమర్చుకోండి.
border-left-color ఎడమ కినరం రంగు అమర్చుకోండి.
border-left-style ఎడమ కినరం స్టైల్ అమర్చుకోండి.
border-left-width ఎడమ కినరం వెడల్పు అమర్చుకోండి.
border-right సరళ అట్రిబ్యూట్, ఒక ప్రకటనలో అన్ని కుడి కినరం అట్రిబ్యూట్లను అమర్చుకోండి.
border-right-color కుడి కినరం రంగు అమర్చుకోండి.
border-right-style కుడి కినరం స్టైల్ అమర్చుకోండి.
border-right-width కుడి కినరం వెడల్పు అమర్చుకోండి.
border-top సరళ అట్రిబ్యూట్, ఒక ప్రకటనలో అన్ని పై కినరం అట్రిబ్యూట్లను అమర్చుకోండి.
border-top-color పై కినరం రంగు అమర్చుకోండి.
border-top-style పై కినరం స్టైల్ అమర్చుకోండి.
border-top-width పై కినరం వెడల్పు అమర్చుకోండి.