CSS క్లీర్ అట్రిబ్యూట్

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

clear లక్షణం ప్రతి అంశంపై ఫ్లాటింగ్ అంశాలను నిషేధించడానికి ఉపయోగిస్తుంది.

వివరణ

clear లక్షణం ఏ ప్రక్కన ఫ్లాటింగ్ అంశాలను నిషేధించడానికి ఉపయోగిస్తుంది. CSS1 మరియు CSS2 లో, ఇది పరిశుభ్రమైన అంశాన్ని (అనగా, clear లక్షణాన్ని సెట్ చేసిన అంశం) పైన పెద్ద పెరిఫరల్ మార్జిన్ ను కలిగించడం ద్వారా అమలు చేయబడుతుంది. CSS2.1 లో, పెరిఫరల్ మార్జిన్ పైన పరిశుభ్రమైన స్పేస్ ను కలిగించడం జరుగుతుంది, మరియు మార్జిన్ స్వయంగా మారుతుంది. ఈ పరివర్తనలన్నింటికీ చివరి ఫలితం ఒకేది, చేసిన పక్కన ఫ్లాటింగ్ అంశాల పైన పెరిఫరల్ మార్జిన్ పైన పెరిఫరల్ మార్జిన్ ఉంటుంది.

మరింత చూడండి:

CSS పాఠ్యం:CSS స్థానాలు

HTML DOM సందర్భాల పరిశీలన కొరకు:clear లక్షణం

ఉదాహరణ

చిత్రం ఎడమ మరియు కుడి వైపులను నిషేధించడం లేదు ఫ్లాటింగ్ అంశాలు:

img
  {
  float:left;
  clear:both;
  }

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

CSS సంకేతాలు

clear: none|left|right|both|initial|inherit;

లక్షణ విలువ

విలువ వివరణ
left ఎడమ వైపున ఫ్లాటింగ్ అంశాలను నిషేధించడం లేదు.
right కుడి వైపున ఫ్లాటింగ్ అంశాలను నిషేధించడం లేదు.
both రెండు వైపులను నిషేధించడం లేదు.
none అప్రమేయ విలువ. ఫ్లాటింగ్ అంశాలు కనీసం కనీసం రెండు వైపులను కనిపించవచ్చు.
inherit ప్రతిపాదన ప్రకారం పితుకుల వద్ద నుండి clear లక్షణాన్ని పారదర్శకంగా పరిచయం చేయాలి。

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

అప్రమేయ విలువ: none
పారదర్శకత: no
సంస్కరణ: CSS1
JavaScript సంకేతాలు: object.style.clear="left"

TIY ఉదాహరణ

పరిశుభ్రమైన అంశం
ఈ ఉదాహరణలో పరిశీలించండి ఎలా పరిశుభ్రమైన అంశాలను ఉపయోగించాలి。

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

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

క్రోమ్ ఐఈ / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 5.0 1.0 1.0 6.0