GR Computer - Dépannage Ordinateur à Domicile

CSS Tags

Tout savoir sur les balises CSS

Introduction aux Balises CSS de Base

display : Contrôle la manière dont l'élément est affiché (ex. block, inline, flex, grid, etc.).
position : Définit le type de positionnement pour un élément (static, relative, absolute, fixed, sticky).
top, right, bottom, left : Définissent la position d'un élément positionné.
z-index : Définit l'ordre de superposition d'un élément positionné.
float : Permet le flottement d'un élément à gauche ou à droite.
clear : Contrôle le comportement de l'élément flottant.
overflow : Contrôle ce qui se passe si le contenu d'un bloc dépasse ses dimensions (visible, hidden, scroll, auto).
overflow-x, overflow-y : Contrôlent le dépassement horizontal et vertical respectivement.
visibility : Contrôle la visibilité d'un élément (visible, hidden, collapse).
margin : Définit la marge extérieure de l'élément (peut être séparée en margin-top, margin-right, margin-bottom, margin-left).
padding : Définit le rembourrage intérieur de l'élément (peut être séparé en padding-top, padding-right, padding-bottom, padding-left).
border : Définit la bordure autour d'un élément (peut être séparée en border-width, border-style, border-color).
border-top, border-right, border-bottom, border-left : Bordures spécifiques de chaque côté.
border-radius : Définit les coins arrondis d'une bordure.
box-shadow : Ajoute une ombre autour d'un élément.
width : Définit la largeur d'un élément.
height : Définit la hauteur d'un élément.
min-width, max-width : Définit la largeur minimale et maximale d'un élément.
min-height, max-height : Définit la hauteur minimale et maximale d'un élément.
font-family : Définit la famille de polices pour le texte.
font-size : Définit la taille de la police de caractère.
font-weight : Définit l'épaisseur de la police (normal, bold, bolder, lighter, ou des valeurs numériques comme 100 à 900).
font-style : Définit le style de la police (normal, italic, oblique).
font-variant : Définit des variantes de texte (normal, small-caps).
line-height : Définit la hauteur de ligne pour le texte.
letter-spacing : Définit l'espacement entre les lettres.
word-spacing : Définit l'espacement entre les mots.
text-align : Définit l'alignement horizontal du texte (left, right, center, justify).
text-decoration : Définit des décorations textuelles (none, underline, overline, line-through, blink).
text-transform : Contrôle la transformation du texte (none, capitalize, uppercase, lowercase).
text-indent : Définit l'indentation de la première ligne du texte.
white-space : Contrôle la gestion des espaces blancs dans le texte (normal, nowrap, pre, pre-wrap, pre-line).
direction : Définit la direction du texte (ltr pour left-to-right, rtl pour right-to-left).
color : Définit la couleur du texte.
background : Raccourci pour définir toutes les propriétés de fond (background-color, background-image, background-repeat, background-position, background-size, etc.).
background-color : Définit la couleur de fond d'un élément.
background-image : Définit une image de fond pour un élément.
background-repeat : Définit la répétition d'une image de fond (repeat, repeat-x, repeat-y, no-repeat).
background-position : Définit la position de l'image de fond.
background-size : Définit la taille de l'image de fond (auto, cover, contain, ou des valeurs spécifiques).
background-clip : Définit la zone de dessin du fond (border-box, padding-box, content-box).
background-origin : Définit la position de référence pour le fond (border-box, padding-box, content-box).
list-style : Raccourci pour définir toutes les propriétés de liste (list-style-type, list-style-position, list-style-image).
list-style-type : Définit le type de marqueur de liste (disc, circle, square, decimal, etc.).
list-style-position : Définit la position des marqueurs de liste (inside, outside).
list-style-image : Définit une image comme marqueur de liste.
border-collapse : Définit si les bordures de table doivent être combinées (collapse, separate).
border-spacing : Définit l'espacement entre les bordures des cellules de table.
table-layout : Définit la disposition de la table (auto, fixed).
caption-side : Définit la position de la légende d'une table (top, bottom).
empty-cells : Définit si les bordures des cellules vides doivent être affichées (show, hide).
display: flex : Définit un conteneur flex.
flex-direction : Définit la direction des éléments flex (row, row-reverse, column, column-reverse).
flex-wrap : Définit si les éléments flex sont sur une seule ligne ou peuvent se renverser (nowrap, wrap, wrap-reverse).
flex-flow : Raccourci pour flex-direction et flex-wrap.
justify-content : Définit l'alignement des éléments le long de l'axe principal (flex-start, flex-end, center, space-between, space-around, space-evenly).
align-items : Définit l'alignement des éléments le long de l'axe transversal (flex-start, flex-end, center, baseline, stretch).
align-content : Définit l'alignement des lignes de flexbox lorsque l'espace est disponible (flex-start, flex-end, center, space-between, space-around, stretch).
align-self : Définit l'alignement de l'élément sélectionné le long de l'axe transversal.
display: grid : Définit un conteneur grid.
grid-template-columns, grid-template-rows : Définit la taille des colonnes et des lignes.
grid-template-areas : Définit les zones dans la grille.
grid-column, grid-row : Définit la taille et l'emplacement des éléments dans la grille.
grid-auto-columns, grid-auto-rows : Définit la taille des lignes et colonnes générées automatiquement.
grid-column-start, grid-column-end, grid-row-start, grid-row-end : Définit où commencent et finissent les éléments de grille.
gap : Définit l'espacement entre les lignes et colonnes (anciennement grid-gap).
transition : Raccourci pour définir les transitions (transition-property, transition-duration, transition-timing-function, transition-delay).
transition-property : Définit les propriétés auxquelles les transitions s'appliquent.
transition-duration : Définit la durée de la transition.
transition-timing-function : Définit la courbe de vitesse de la transition.
transition-delay : Définit le délai avant le début de la transition.
transform : Applique des transformations 2D ou 3D à un élément (translate, rotate, scale, skew).
transform-origin : Définit l'origine de transformation pour les transformations.
animation : Raccourci pour définir les animations (animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state).
animation-name : Nom de l'animation.
animation-duration : Durée de l'animation.
animation-timing-function : Courbe de vitesse de l'animation.
animation-delay : Délai avant le début de l'animation.
animation-iteration-count : Nombre de fois que l'animation doit être jouée.

Prise en main à distance

Nous utilisons le logiciel Splashtop pour nos interventions à distance.
Accès à distance sécurisé et fluide pour macOS et Windows. Contrôlez votre ordinateur à distance, accédez aux fichiers et applications essentiels, améliorez la productivité n'importe où, à tout moment.

Intervention à domicile

Notre service d'intervention à domicile ou sur site, offre une solution pratique et efficace pour répondre à vos besoins informatiques, directement chez vous. Que ce soit pour résoudre des problèmes techniques, installer de nouveaux équipements ou optimiser les performances de votre système, nous sommes là pour vous aider.