CSS > les boites

OUTLINE

bordure générée par le navigateur lui-même, lorsque l’élément est sélectionné.

 

outline:none

DÉBORDEMENT

overflow:auto|hidden|scroll
overflow-x:auto|hidden|scroll
overflow-y:auto|hidden|scroll

 

Pour couper un mot trop long, et empêcher de déborder :

 

overflow-wrap:break-word

BORDURES

forme courte

border:<width> <style> <color>

styles

border-style:dotted|dashed|solid|double|groove|ridge|inset|outset

bords arrondis

Dans cet ordre : haut-gauche haut-droite bas-droite bas-gauche :

 

border-radius: 5px 10px 0 5px;

image

border-image:<source> <slice> <width> <outset> <repeat>

 

Générateurs de border-image online :

 

https://developer.mozilla.org/fr/docs/Web/CSS/Arri%C3%A8re-plans_et_bordures_CSS/G%C3%A9n%C3%A9rateur_border-image

 

http://snapbuilder.com/code_snippet_generator/border_image_generator

border-collapse

pour fusionner deux bordures

 

border-collapse:collapse

--