表 - <table>
HTML Forge が用意している、表 <table> で使用できるスタイルです。
標準スタイル
罫線あり
一般的な表スタイルです。
| 国 | 首都 | GDP（10億USドル） | 人口 |
|---|---|---|---|
| アメリカ | ワシントンD.C. | 17,418.93 | 316,942,000 |
| 中国 | 北京 | 10,380.38 | 1,341,330,000 |
| 日本 | 東京都 | 4,616.34 | 126,530,000 |
セル内の改行なし
セル内のテキストを自動的に改行させない表スタイルです。 <br> を挿入すると改行できます。
セル内の改行なし
| value-name | value | necessity | use |
|---|---|---|---|
| global-proxy-type | NONE, MANUAL, AUTO | required | Proxy setting type If NONE is specified, proxy settings are deleted, MANUAL, AUTO designation proxy setting |
| port | 0 - 65535 | required : MANUAL any : AUTO | Proxy port number If specified at AUTO, you can set local port, designation is not mandatory |
通常
| value-name | value | necessity | use |
|---|---|---|---|
| global-proxy-type | NONE, MANUAL, AUTO | required | Proxy setting type If NONE is specified, proxy settings are deleted, MANUAL, AUTO designation proxy setting |
| port | 0 - 65535 | required : MANUAL any : AUTO | Proxy port number If specified at AUTO, you can set local port, designation is not mandatory |
レスポンシブ
ウィンドウ幅に応じて、表および表の中身が可変するスタイルを紹介します。
フォントサイズを縮小
任意に指定するブレイクポイント（本サンプルでは 800px）で、フォントサイズを小さくします。
| 国 | 首都 | GDP（10億USドル） | 人口 |
|---|---|---|---|
| アメリカ | ワシントンD.C. | 17,418.93 | 316,942,000 |
| 中国 | 北京 | 10,380.38 | 1,341,330,000 |
| 日本 | 東京都 | 4,616.34 | 126,530,000 |
左右にスクロール
ウィンドウ幅が狭いときに、テーブル用の左右スクロールバーを表示します。
| 1 | 2 |
|---|---|
| foo | loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong text |
| bar | text |
部分的なスクロール
ウィンドウ幅が狭いときに、テーブル内に部分的に左右スクロールバーを表示します。
| 国 | 首都 | GDP（10億USドル） | 人口 |
|---|---|---|---|
| アメリカ | ワシントンD.C. | 17,418.93 | 316,942,000 |
| 中国 | 北京 | 10,380.38 | 1,341,330,000 |
| 日本 | 東京都 | 4,616.34 | 126,530,000 |