CSS కలమ్-ఫిల్ అట్రిబ్యూట్

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

column-fill అంశం గమనాలను నింపే విధానాన్ని నిర్ణయిస్తుంది (సమతుల్యం అవుతారా లేదా కాదు).

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

CSS3 పాఠ్యక్రమం:CSS3 బహుళ నిలువులు

HTML DOM సంబంధిత పాఠ్యక్రమం:columnFill అంశం

ఉదాహరణ

గమనాలను నింపే విధానాన్ని నిర్ణయించండి:

div
{
column-fill:auto;
}

CSS సంకేతపత్రం

column-fill: balance|auto;

అంశపు విలువ

విలువ వివరణ
balance గమనాలను సమతుల్యంగా చేయండి. బ్రౌజర్ గమనాల పొడవు వేర్వేరుగా ఉండే విషయాన్ని తగ్గించాలి.
auto క్రమం తరగతిలో గమనాలను నింపుతుంది, గమనాల పొడవులు వేర్వేరు అవుతాయి.

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

అప్రమేయ విలువ: balance
పారంపర్యం: no
సంస్కరణ: CSS3
JavaScript సంకేతపత్రం: object.style.columnFill="auto"

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

Column-count
div మూలకంలోని పదబంధాన్ని మూడు గమనాలుగా విభజించండి.
Column-gap
div మూలకంలోని పదబంధాన్ని మూడు గమనాలుగా విభజించి, గమనాల మధ్య 30 పిక్సెల్స్ అంతరాన్ని నిర్ణయించండి.
Column-rule
నియమించిన గమనాల మధ్య వెడల్పు, శైలి మరియు రంగులను నిర్ణయించండి.

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

క్రోమ్ ఐఇ / ఎజెండా ఫైర్ఫాక్స్ సఫారీ ఓపెరా
50.0 10.0 52.0 10.0 37.0