Documentation pages 4, 5, 6 et 7
This commit is contained in:
parent
489e363ea1
commit
0c4aa3e662
6 changed files with 336 additions and 8 deletions
|
@ -1 +1,38 @@
|
|||
# todo
|
||||
# Tableaux de données
|
||||
|
||||
KNACSS propose une feuille de style minimale appliquée aux tableaux de données ainsi qu'aus éléments disposant d'une classe `.table`.
|
||||
|
||||
Pour débuter, KNACSS impose un modèle d'affichage fixé à tous les tableaux via `table-layout: fixed;`. Ainsi, ce ne sera plus le contenu qui décidera de la largeur des cellules, mais ce que vous aurez spécifié dans les tailles CSS.
|
||||
|
||||
```css
|
||||
table,
|
||||
.table {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
table-layout: fixed;
|
||||
border-collapse: collapse;
|
||||
vertical-align: top;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.table {
|
||||
display: table;
|
||||
}
|
||||
table#recaptcha_table,
|
||||
table.table-auto {
|
||||
table-layout: auto;
|
||||
}
|
||||
caption {
|
||||
padding: 10px;
|
||||
color: #555;
|
||||
font-style: italic;
|
||||
}
|
||||
td,
|
||||
th {
|
||||
padding: 0.3em 0.8em;
|
||||
border: 1px #aaa dotted;
|
||||
vertical-align: top;
|
||||
min-width: 20px;
|
||||
cursor: default;
|
||||
text-align: left;
|
||||
}
|
||||
```
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue