Style borderLeft లక్షణం

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

borderLeft లక్షణలను చిన్న రూపంలో సెట్ చేయడానికి లేదా పునఃప్రతిపాదించడానికి మాత్రమే మూడు ఎడమ హద్దు లక్షణలను అనుసరించవచ్చు.

ఈ లక్షణద్వారా, మీరు కింది విషయాలను సెట్ చేయవచ్చు / పునఃప్రతిపాదించవచ్చు (ఏదైనా క్రమంలో):

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

CSS శిక్షణ పాఠ్యం:CSS బార్డర్

CSS పరిశీలన పత్రిక:border-left లక్షణం

HTML DOM పరిశీలన పత్రిక:border లక్షణం

ఉదాహరణ

ఉదాహరణ 1

<div> అంశంపై ఎడమ హద్దు బర్డర్ జోడించండి:

document.getElementById("myDiv").style.borderLeft = "thick solid #0000FF";

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

ఉదాహరణ 2

<div> అంశం ఎడమ హద్దు వెడల్పు, శైలి మరియు రంగును మార్చండి:

document.getElementById("myDiv").style.borderLeft = "thin dotted red";

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

ఉదాహరణ 3

పునఃప్రతిపాదన <div> అంశం బర్డర్-లెఫ్ట్ లక్షణ విలువ:

alert(document.getElementById("myDiv").style.borderLeft);

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

విధానం

borderLeft లక్షణాన్ని పునఃప్రతిపాదన చేయండి:

object.style.borderLeft

borderLeft లక్షణాన్ని సెట్ చేయండి:

object.style.borderLeft = "width style color|initial|inherit"

లక్షణ విలువ

విలువ వివరణ
width ఎడమ హద్దు వెడల్పును సెట్ చేయండి。
style ఎడమ హద్దు శైలిని సెట్ చేయండి。
color ఎడమ హద్దు రంగును సెట్ చేయండి。
initial。 ఈ లక్షణాన్ని అప్రమేయ విలువకు సెట్ చేయండి. చూడండి: initial。
inherit ఈ లక్షణాన్ని తన తలలోని ప్రాతిపదికన అనుసరిస్తుంది. చూడండి: inherit。

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

అప్రమేయ విలువ: లేదు నిర్దేశించబడింది
పునఃప్రతిపాదన విలువ: పదబంధం ద్వారా అంశం ఎడమ హద్దు వెడల్పు, శైలి మరియు / లేదా రంగును ప్రస్తావిస్తుంది。
CSS సంస్కరణ: CSS1

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

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒపెరా
మద్దతు మద్దతు మద్దతు మద్దతు మద్దతు