CSS border-style అట్రిబ్యూట్

నిర్వచనం మరియు ఉపయోగం

border-style అంశం ప్రతి కొన్ని సరిహద్దుల రీతిని అంటే సెట్ చేస్తుంది లేదా ప్రతి సరిహద్దుకు అప్రత్యేకంగా సరిహద్దు రీతిని సెట్ చేస్తుంది.

ఈ విలువ నాన్ కాకపోతే సరిహద్దులు కనిపించవచ్చు.

ఉదాహరణ 1

border-style:dotted solid double dashed;
  • పై సరిహద్దు పింగ్లెట్లు వంటివి
  • కుడి సరిహద్దు అరుదు రేఖలు
  • క్రింద సరిహద్దు రెండు రేఖలు వంటివి
  • ఎడమ సరిహద్దు స్పందనాత్మక రేఖలు

ఉదాహరణ 2

border-style:dotted solid double;
  • పై సరిహద్దు పింగ్లెట్లు వంటివి
  • కుడి సరిహద్దు మరియు ఎడమ సరిహద్దు అరుదు రేఖలు
  • క్రింద సరిహద్దు రెండు రేఖలు వంటివి

ఉదాహరణ 3

border-style:dotted solid;
  • పై సరిహద్దు మరియు క్రింద సరిహద్దు పింగ్లెట్లు వంటివి
  • కుడి సరిహద్దు మరియు ఎడమ సరిహద్దు అరుదు రేఖలు

ఉదాహరణ 4

border-style:dotted;
  • అన్ని 4 సరిహద్దులు పింగ్లెట్లు వంటివి

మరియు చూడండి:

CSS పాఠ్యంCSS బార్డర్

HTML DOM 参考手册：borderStyle 属性

实例

设置 4 个边框的样式：

p
  {
  border-style:solid;
  }

亲自试一试

CSS 语法

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值

值 వివరణ
none 定义无边框。
hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
solid 定义实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。

వివరణ

అత్యంత అందాలుగా భావించే బార్డర్ స్టైల్స్ double గా ఉంటుంది. ఇది రెండు పట్టుల వెడల్పును కలిపి బార్డర్-వెడల్పు విలువను చేస్తుంది. కానీ, CSS ప్రమాణాలు ఒక పట్టు మరొక పట్టును గాట్రం గా భావించాలా లేదా రెండు పట్టులు వేర్వేరు గా గాట్రం గా భావించాలా లేదా పట్టుల మధ్య అంతరాన్ని పట్టుల గాట్రం గా భావించాలా అనేది కూడా మార్గదర్శకంగా లేదు. ఈ ప్రక్రియను వినియోగదారు ఉపాధికర్త నిర్ణయిస్తాడు, సృష్టికర్త ఈ నిర్ణయానికి ఎటువంటి ప్రభావాన్ని చూపలేదు.

సాంకేతిక వివరాలు

అప్రమేయ విలువ: not specified
పారంతర్యం: no
వెర్షన్: CSS1
JavaScript సంకేతం: object.style.borderStyle="dotted double"

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

ప్రతి పక్కన వేర్వేరు బార్డర్ స్టైల్స్ ఏర్పాటు చేయండి
ప్రతి పక్కన వేర్వేరు బార్డర్ స్టైల్స్ ఏర్పాటు చేయాలి ఎలా చూపబడింది.
ప్రతి పక్కన వేర్వేరు బార్డర్లను ఏర్పాటు చేయండి
ఈ ఉదాహరణలో అంశం యొక్క ప్రతి పక్కన వేర్వేరు బార్డర్లను ఏర్పాటు చేయాలి ఎలా చూపబడింది.

బ్రౌజర్ మద్దతు

పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇస్తున్న మొదటి బ్రౌజర్ వెర్షన్ ని పేర్కొంది.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5