Utilisation de la syntaxe CSS

This commit is contained in:
Vincent Calame 2022-07-30 11:43:18 +02:00
parent 29f46ac224
commit 235532169e

View File

@ -68,7 +68,7 @@ Le nombre de propriétés acceptées est limitée et dépend du type d'élément
### Propriétés de `cell`
- `background-color` : couleur de fond de la cellule
- `border` : bordure suivant la syntaxe *0.75pt solid #333* (les déclinaisons en `border-top`, `border-left`, etc. sont possibles)
- `border` : bordure suivant la syntaxe *0.75pt solid \#333* (les déclinaisons en `border-top`, `border-left`, etc. sont possibles)
- `color` : couleur du texte
- `font-size` : taille de la police
- `font-style` : style de la police (*italic*)
@ -88,3 +88,13 @@ L'exportation propose des styles prédéfinis qui peuvent être directement util
- `Standard` : Style appliqué par défaut aux éléments `<td>`, sans indication particulière
Ces styles peuvent être surchargés par le CSS.
### Parenté entre les styles
Le seul lien possible entre les styles est celui de la parenté, le style enfant héritant des propriétés du style parent. Pour indiquer cette parentée, on utilisera l'opérateur CSS `+` (qui est donc détourné de sa signification habituelle en CSS) sous la forme `cell.NomDuStyleEnfant + cell.NomDuStyleParent` (fonctionne aussi pour `row` et `column`).
### Correspondance avec les classes CSS
Il est fort probable que les éléments du tableau disposent de classes CSS pour la mise en forme de la version HTML. Pour éviter d'utiliser l'attribut `data-od-text` pour ces éléments, il est possible d'établir une correspondance entre un style et une classe CSS. Pour cela, on utilisera l'opérateur CSS `~` (qui est donc détourné de sa signification habituelle en CSS) sous la forme `cell.NomDuStyleEnfant ~ .ClasseHtml`.
Pour le moment, la correspondance n'est possible que vers une classe unique, tout autre sélecteur ne fonctionnera pas : les sélecteur d'identifiant (`#Id`) ou de plusieurs classes (`.Classe1.Classe2`), notamment, ne sont pas reconnus.