border — outline the element
border needs 3 values: width, style, color. Change any of the three.
style.css
v3.1
style.css — the CSS rules
index.html — the HTML structure (what the CSS targets)
Live preview
updates as you type
🧠 How it works
border: <width> <style> <color> is the shorthand. width is in px. style can be solid, dashed, dotted, double, groove, ridge, none. You can also set per-side: border-top, border-right, border-bottom, border-left.
✏️ Try these changes
-
Change 2px to 10px→ border becomes much thicker -
Change solid to dashed→ border becomes dashes -
Change solid to dotted→ border becomes dots -
Change solid to double→ two parallel lines -
Change #a0c000 to red→ border becomes red