Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style columnFill property

Previous: HTML DOM Style columnCount property

Next: HTML DOM Style columnGap property

Examples

Provisions of how to fill columns:

document.getElementById("myDIV").style.columnFill="auto";

Definition and Usage

columnFill attribute specifies how to fill a column (whether or coordination).

Browser Support

Almost all of the major browsers do not support columnFill property.

grammar

Back columnFill properties:

object .style.columnFill

Setting columnFill properties:

object .style.columnFill="balance|auto|initial|inherit"

Property Value

值	描述
balance	默认值。对列进行协调。浏览器应对列长度的差异进行最小化处理。
auto	按顺序对列进行填充，列长度会各有不同。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

technical details

Defaults:	balance
return value:	String representing the column-fill property element.
CSS version	CSS3

related articles

CSS3 tutorial: CSS3 multi-column

CSS Reference: column-Fill property

Previous: HTML DOM Style columnCount property

Next: HTML DOM Style columnGap property