8.14. CSS3 multi-column

8.14.4. The gap between columns in CSS3 multiple columns ¶

column-gap property specifies the gap between columns.

The following example specifies that the gap between columns is 40 pixels:

Example

div{
    -webkit-column-gap:40px; /\* Chrome, Safari, Opera \*/
    -moz-column-gap:40px; /\* Firefox \*/
    column-gap:40px;
}

8.14.5. CSS3 column border ¶

column-rule-style property specifies the border style between columns:

Example

div{
    -webkit-column-rule-style:solid; /\* Chrome, Safari, Opera \*/
    -moz-column-rule-style:solid; /\* Firefox \*/
    column-rule-style:solid;
}

column-rule-width property specifies the border thickness of two columns:

Example

div{
    -webkit-column-rule-width:1px; /\* Chrome, Safari, Opera \*/
    -moz-column-rule-width:1px; /\* Firefox \*/
    column-rule-width:1px;
}

column-rule-color property specifies the border color of two columns:

Example

div{
    -webkit-column-rule-color:lightblue; /\* Chrome, Safari, Opera \*/
    -moz-column-rule-color:lightblue; /\* Firefox \*/
    column-rule-color:lightblue;
}

The column-rule property is column-rule-\* abbreviations for all attributes.

The following example sets the thickness, style, and color of the direct border of the column:

Example

div{
    -webkit-column-rule:1px solid lightblue; /\* Chrome, Safari, Opera
\*/
    -moz-column-rule:1px solid lightblue; /\* Firefox \*/
    column-rule:1px solid lightblue;
}

8.14.6. Specify how many columns the element spans ¶

The following example specifies

element spans all columns:

Example

h2{
    -webkit-column-span:all; /\* Chrome, Safari, Opera \*/
    column-span:all;
}

8.14.7. Specify the width of the column ¶

column-width property specifies the width of the column.

Example ¶

div{
    -webkit-column-width:100px; /\* Chrome, Safari, Opera \*/
    column-width:100px;
}

8.14.8. CSS3 multi-column properties ¶

The following table lists the multi-column properties of all CSS3:

Attribute	Description
Column-count	Specifies the number of columns that the element should be split into.
Column-fill	Specify how to populate the column
Column-gap	Specify the gap between columns
Column-rule	Abbreviations for all column-rule-* attributes
Column-rule-color	Specify the color of the border between the two columns
Column-rule-style	Specify the style of the border between the two columns
Column-rule-width	Specify the thickness of the border between the two columns
Column-span	Specify how many columns the element should span
Column-width	Specify the width of the column
Columns	Abbreviated properties of column-width and column-count.

文章链接 ： 8.14. CSS3 multi-column

Principles and Applications of WebGIS

 37

• 1. Geographical Information Systems in the World Wide Web Era 4
• 2. Basic technology of WebGIS 4
• 3. Geographic Web Services 5
• 4. aggregation of geographical information 4
• 5. mobile GIS 5
• 6. Geographic information portal 3
• 7. New generation national spatial data infrastructure and GIS 4
• 8. Application of WebGIS in E-Commerce 3
• 9. Application of WebGIS in E-government 3
• 10. Hotspots and frontiers of WebGIS 2

Web框架

 942

• 1. Angularjs2 8
• 1. SVG tutorial 19
• 1. Memcached 20
• 1. C# tutorial 61
• 1. Sqlite 47
• 2. Go 43
• 2. Docker 59
• 2. Vue3 19
• 2. Servlet 21
• 3. React 23
• 3. SOAP tutorial 10
• 3. Android 18
• 3. Mongodb 44
• 3. Kotlin 18
• 4. Lua 31
• 4. MySQL tutorial 34
• 4. Appml 12
• 5. Perl 45
• 5. Postgresql 41
• web 15
• 5. Web Services tutorial 6
• 6. Ruby 41
• 6. Design-pattern 35
• 7. Django 18
• 7. Rust 22
• 6. WSDL tutorial 8
• 8. Foundation 39
• 9. Ios 43
• 8. Css3 26
• 9. Swift 43
• 11. HTML tutorial-(HTML5 Standard) 54
• 12. Http 6
• 13. Regex 6
• 14. Regexp 7

WEB基础

 287

• 2. ADO tutorial 23
• 4. W3C tutorial 16
• 5. Data-structures 31
• 8. Scala 41
• 7. Bootstrap5 37
• 10. Markdown 10
• 9. Echarts 12
• 11. Maven 20
• 10. Font-awesome 16
• 12. RDF tutorial 11
• 13. Sass 14
• 15. XML Schema tutorial 56

Principles, Technologies, and Methods of Geographic Information Systems

 102

In recent years, Geographic Information Systems (GIS) have undergone rapid development in both theoretical and practical dimensions. GIS has been widely applied for modeling and decision-making support across various fields such as urban management, regional planning, and environmental remediation, establishing geographic information as a vital component of the information era. The introduction of the “Digital Earth” concept has further accelerated the advancement of GIS, which serves as its technical foundation. Concurrently, scholars have been dedicated to theoretical research in areas like spatial cognition, spatial data uncertainty, and the formalization of spatial relationships. This reflects the dual nature of GIS as both an applied technology and an academic discipline, with the two aspects forming a mutually reinforcing cycle of progress.

• 1. Introduction to Geographic Information Systems 6
• 2. From the Real World to the Bit World 3
• 3. Spatial Data Model 7
• 4. Spatial Reference Systems and Map Projections 5
• 5. Data in GIS 4
• 6. Spatial data acquisition 2
• 7. Spatial Data Management 6
• 8. Spatial analysis 8
• 9. Digital Terrain Model (DTM) and Terrain Analysis 5
• 10. Spatial modeling and spatial decision support 6
• 11. Spatial data representation and map making 6
• 12. 3S Integration Technology 5
• 13. Network Geographic Information System 4
• 14. Examples of Geographic Information System Application 8
• 15. Organization and Management of Geographic Information System Application Projects 10
• 16. Geographic Information system Software Engineering Technology 7
• 17. Geographic Information System Standards 3
• 18. Geographic Information System and Society 3
• 19. Earth Information Science and Digital Earth 4