Re: [csswg-drafts] Formatting a table in css like excel (#7543)

@plinss solution!

#### 1. Overview
#### 1.0 sample0.css
```css
tr{ // all lines/columns
  background-color: #dddddd;
}
```

#### 1.1 sample1.css
```css
column:1 { // all lines by column 1
}
```

#### 1.2 sample2.css
```css
column:1-3 { // all lines by column 1, 2, 3
}
```

#### 1.3 sample3.css
```css
column:1-3, column:4-5 { // all lines by column 1, 2, 3 and column 4, 5
}
```

#### 1.4 sample4.css
```css
tr:1, tr:2, tr:3 { // only-positions (by position column and line)
  background-color: #dddddd;
}
```

#### 1.5 sample5.css
```css
column-row:1-3, column-row:4-5 { // all lines with column 1, 2, 3 and column/line 4, 5
}
```

#### 1.6 sample6.css
```css
col-tr:1-3{ // only-postion with array (by position column)
  background-color: #dddddd;
}
```

#### 2. Reasons
1. Is the same as css grid
2. Can facilitate the creation of grids
3. Column and row oriented
4. Inspirations (syntax): flexbox, css-grid, mediaqueries, box-sizing, selectors, pseudo-selectors.

#### 3. References
- https://www.w3schools.com/css/css_grid.asp
- https://www.w3schools.com/css/css_rwd_grid.asp
- https://www.w3schools.com/css/css_rwd_mediaqueries.asp
- https://www.w3schools.com/css/css_rwd_intro.asp
- https://www.w3schools.com/css/css3_user_interface.asp
- https://www.w3schools.com/css/css3_multiple_columns.asp
- https://www.w3schools.com/css/css3_box-sizing.asp
- https://www.w3schools.com/css/css3_mediaqueries.asp
- https://www.w3schools.com/css/css3_mediaqueries_ex.asp
- https://www.w3schools.com/css/css3_flexbox.asp
- https://www.w3schools.com/css/css3_object-fit.asp
- https://www.w3schools.com/css/css3_object-position.asp
- https://www.w3schools.com/css/css_units.asp
- https://www.w3schools.com/cssref/css_selectors.asp
- https://www.w3schools.com/cssref/default.asp
- https://www.w3schools.com/css/css_rwd_frameworks.asp
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
- https://css-tricks.com/snippets/css/complete-guide-grid/

-- 
GitHub Notification of comment by raphael-louis-andress
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7543#issuecomment-1200266256 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Saturday, 30 July 2022 17:58:54 UTC