Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add HTMLTableColElement.{align|valign} #33101

Merged
merged 7 commits into from
Jun 18, 2024
+159 −0
Merged

Add HTMLTableColElement.{align|valign} #33101

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
27123c0
Add HTMLTableColElement.{align|valign}
teoli2003 Apr 15, 2024
3956a6f
Fix typos
teoli2003 Apr 15, 2024
1cb7703
Fix typos
teoli2003 Apr 15, 2024
13b1b1e
Fix typos
teoli2003 Apr 15, 2024
2d8ad6f
Update files/en-us/web/api/htmltablecolelement/align/index.md
teoli2003 Apr 16, 2024
4632516
Apply suggestions from code review
estelle Jun 18, 2024
448734c
Apply suggestions from code review
estelle Jun 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
Prev Previous commit
Next Next commit
Fix typos
  • Loading branch information
@teoli2003
teoli2003 committed Apr 15, 2024
commit 1cb7703fa5b9f42f591083e8cf595c94423a6464
2 changes: 1 addition & 1 deletion files/en-us/web/api/htmltablecolelement/align/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ The possible values are:

## Examples

As {{htmlelement("td")}} of the column are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}, you need to select the cells using a `td:nth-child(n)` or similar (`n` is the column number). Then use CSS `text-align`.
As {{htmlelement("td")}} elements of a column are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}, you need to select the cells using a `td:nth-child(n)` or similar (`n` is the column number). Then use CSS `text-align`.

An [example](/en-US/docs/Web/CSS/:nth-child#styling_a_table_column) is available on the {{cssxref(":nth-child()")}} page.

Expand Down
7 changes: 4 additions & 3 deletions files/en-us/web/api/htmltablecolelement/valign/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,11 @@ browser-compat: api.HTMLTableColElement.vAlign

{{APIRef("HTML DOM")}}{{deprecated_header}}

The **`vAlign`** property of the {{domxref("HTMLTableColElement")}} interface is a string indicating how to vertically align text in a {{htmlelement("th")}} or {{htmlelement("td")}} table cell.
The **`vAlign`** property of the {{domxref("HTMLTableColElement")}} interface is a string indicating how to vertically align text in a column.
estelle marked this conversation as resolved.
Show resolved Hide resolved

> **Note:** This property is deprecated, and CSS should be used to align text vertically in a column. Use the CSS {{cssxref("vertical-align")}} property, which takes precedence, to vertically align text in each column cell instead.
> As {{htmlelement("td")}} are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}, you need to select the cells of the column using a `td:nth-child(n)` or similar (`n` is the column number).
>
> As {{htmlelement("td")}} are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}element , you need to select the cells of the column using a `td:nth-child(n)` or similar (`n` is the column number).

## Value

Expand All @@ -32,7 +33,7 @@ The possible values are: `"top"`, `"middle"`, `"bottom"`, or `"baseline"`

## Examples

As {{htmlelement("td")}} of the column are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}, you need to select the cells using a `td:nth-child(n)` or similar (`n` is the column number). Then use CSS `vertical-align`.
As {{htmlelement("td")}} elements of a column are not children of {{htmlelement("col")}}, you can't set it directly on a {{HTMLElement("col")}}, you need to select the cells using a `td:nth-child(n)` or similar (`n` is the column number). Then use CSS `vertical-align`.

An [example](/en-US/docs/Web/CSS/:nth-child#styling_a_table_column) is available on the {{cssxref(":nth-child()")}} page.

Expand Down