YouTip
Home
JavaScript
PHP
Python3
HTML
C#
Python
Java
PyTorch
Linux
C
jQuery
CSS
XML
jQuery UI
Bootstrap
C++
Angular
HTML DOM
Redis
Web Building
Home
>
HTML
>
Att Frameset Cols
Att Frameset Cols
π 2026-06-18 | π HTML
## HTML <frameset> cols Attribute The `cols` attribute of the `
` tag is used to define the number and width of vertical columns within a frameset. > **Important Note:** HTML5 does not support the `
` tag or its attributes. Modern web development practices favor CSS Grid, Flexbox, or `
` elements for layout design. This document is for legacy system maintenance and historical reference. --- ## Quick Example The following code defines a frameset with three vertical columns. The left and right columns occupy 25% of the screen width each, while the middle column takes up the remaining space. ```html
``` --- ## Browser Support The `cols` attribute is supported by all major legacy browsers: * Internet Explorer * Firefox * Opera * Google Chrome * Safari *Note: Modern versions of these browsers may have deprecated or disabled frameset rendering entirely in standard-compliant modes.* --- ## Definition and Usage The `cols` attribute specifies the size and number of columns in a `
`. The width of each column is defined in a comma-separated list. The number of values specified in the `cols` attribute directly determines the number of columns created in the frameset. For example, if you write `cols="150,*,150"`, you are defining exactly three columns. --- ## Syntax ```html
``` --- ## Attribute Values | Value | Description | | :--- | :--- | | *pixels* | Defines the column width in pixels (e.g., `"100"` or `"100px"`). | | *%* | Defines the column width as a percentage of the total available browser window width (e.g., `"50%"`). | | `*` | Represents the remaining unallocated space. The browser will automatically calculate and assign the leftover width to this column. | --- ## Detailed Code Examples ### Example 1: Fixed Pixel Columns This configuration creates three columns. The first column is fixed at 200 pixels, the third column is fixed at 150 pixels, and the middle column dynamically expands to fill the remaining space. ```html
``` ### Example 2: Proportional Division (`*`) You can use multiple asterisks to divide the remaining space proportionally. In this example, the first column takes 25% of the screen, and the remaining 75% of the screen is divided into two columns where the third column is twice as wide as the second column (`2*`). ```html
``` --- ## Modern Alternatives Because `
` and `cols` are obsolete in HTML5, you should use modern CSS layout techniques to achieve column-based layouts. ### Alternative using CSS Grid: ```html
Left Column (25%)
Middle Column (Flexible)
Right Column (25%)
```
β Att Frameset Rows
Att Form Autocomplete β
π Categories
β‘ JavaScript
(1589)
π PHP
(872)
π Python3
(810)
π HTML
(691)
βοΈ C#
(650)
π Python
(594)
β Java
(552)
βοΈ PyTorch
(534)
π§ Linux
(472)
βοΈ C
(432)
π¦ jQuery
(406)
π¨ CSS
(377)
π XML
(259)
π¦ jQuery UI
(231)
π― Bootstrap
(220)
βοΈ C++
(215)
π °οΈ Angular
(205)
π HTML DOM
(201)
π΄ Redis
(188)
π Web Building
(142)
π Vue.js
(141)
π R
(131)
πΌ Pandas
(124)
ποΈ SQL
(105)
βοΈ Docker
(86)
βοΈ TypeScript
(73)
βοΈ Highcharts
(70)
π AI Agent
(70)
βοΈ React
(68)
π Node.js
(65)
βοΈ Machine Learning
(60)
π Git
(59)
π΅ Go
(58)
π Markdown
(58)
π’ NumPy
(55)
π§ͺ Flask
(54)
βοΈ Scala
(53)
ποΈ SQLite
(52)
π JSTL
(52)
βοΈ VS Code
(51)
π MongoDB
(49)
π Perl
(48)
π Ruby
(47)
π Matplotlib
(47)
βοΈ Uncategorized
(46)
π Swift
(46)
ποΈ PostgreSQL
(46)
βοΈ Data Structures
(46)
π Playwright
(46)
π iOS
(45)
ποΈ MySQL
(44)
βοΈ LangChain
(43)
π FastAPI
(40)
βοΈ Ionic
(38)
π Design Patterns
(37)
βοΈ Eclipse
(37)
π¨ CSS3
(34)
π Lua
(34)
βοΈ Codex
(34)
πΈ Django
(32)
βοΈ OpenCV
(32)
π Rust
(31)
π JSP
(31)
βοΈ Claude Code
(31)
π Pillow
(30)
βοΈ OpenCode
(28)
π AI Skills
(27)
π Flutter
(26)
π Maven
(26)
π¨ Tailwind CSS
(25)
π§ TensorFlow
(25)
π Servlet
(24)
π Dart
(23)
π Assembly
(23)
βοΈ Memcached
(22)
βοΈ SVG
(22)
βοΈ Electron
(22)
π NLP
(22)
π Regex
(21)
π Android
(20)
π£ Kotlin
(19)
π Julia
(19)
π SOAP
(17)
π Selenium
(17)
π PowerShell
(17)
π Sass
(16)
π HTTP
(16)
π Zig
(15)
π AI
(15)
π AJAX
(14)
π Swagger
(14)
βοΈ Scikit-learn
(13)
βοΈ ECharts
(13)
βοΈ Chart.js
(13)
βοΈ Cursor
(13)
βοΈ SciPy
(12)
π RDF
(12)
π Ollama
(12)
π Next.js
(12)
π Plotly Dash
(12)
π JSON
(11)
π RESTful API
(11)
π WSDL
(9)
βοΈ CMake
(8)
π Firebug
(7)
π Nginx
(6)
βΈοΈ Kubernetes
(6)
π Jupyter
(6)
π LaTeX
(4)
π UniApp
(4)
ποΈ SQL Server
(1)