CSS ఫ్లో అట్రిబ్యూట్

定义和用法

float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。

如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。

ప్రకటన:ఒక పదంలో ఫ్లాటింగ్ అంశంకు మాత్రమే కొంచెం స్థలం ఉన్నట్లయితే, ఆ అంశం తదుపరి పదానికి బదిలీ చేస్తుంది, ఆ పదంలో స్థలం ఉన్నట్లయితే ఈ ప్రక్రియ కొనసాగుతుంది.

మరియు ఇతర పరిశీలనలు:

CSS పాఠకం:CSS లొకేషన్

HTML DOM పరిశీలన పాఠకం:cssFloat అనునది విలువ

ఉదాహరణ

చిత్రాన్ని కుడివైపు ఫ్లాటింగ్ చేయండి:

img
  {
  float:right;
  }

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

CSS సంకేతాలు

float: none|left|right|initial|inherit;

అనునది విలువ

విలువ వివరణ
left అంశం ఎడమవైపు ఫ్లాటింగ్ చేయబడుతుంది.
right అంశం కుడివైపు ఫ్లాటింగ్ చేయబడుతుంది.
none అప్రమేయ విలువ. అంశం ఫ్లాటింగ్ లేదు మరియు వచనంలో కనిపించే స్థానంలో చూపబడుతుంది.
inherit పిత్ర అంశం నుండి float అనునది పారంపర్యం గా ఉండబోతుంది.

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

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

TIY ఉదాహరణ

float అనునది సాధారణ అనువర్తనం
ఒక పదానికి ఎడమవైపు ఫ్లాటింగ్ చేయండి
కాంట్రాక్ట్ మరియు బోర్డర్ చేసిన చిత్రాన్ని పదంలో ఎడమవైపు ఫ్లాటింగ్ చేయండి
పదంలో ఎడమవైపు ఫ్లాటింగ్ చేసిన చిత్రానికి కాంట్రాక్ట్ మరియు బోర్డర్ జోడించండి
శీర్షికతో కూడిన చిత్రం యింటర్ హైట్ చేయండి
శీర్షికతో కూడిన చిత్రాన్ని యింటర్ హైట్ చేయండి
పదానికి ఎడమవైపు ఫ్లాటింగ్ చేయండి
పదానికి ఎడమవైపు ఫ్లాటింగ్ చేయండి మరియు ఈ అక్షరానికి స్టైల్స్ జోడించండి
హరిదిర్గతిని సృష్టించండి
ఒక పద్ధతి లింకులను కలిగించిన ఫ్లాటింగ్ ద్వారా హరిదిర్గతిని సృష్టించండి
పట్టికలేని ప్రారంభ పేజీని సృష్టించండి
పేజీపైరు, పేజీపైనం, ఎడమ సందర్భాలు మరియు ప్రధాన ప్రధాన సిద్ధాంతాలను కలిగించే ప్రారంభ పేజీని ఫ్లాటింగ్ ద్వారా సృష్టించండి.

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
1.0 4.0 1.0 1.0 7.0