Tailwind CSS home page
  1. Borders
  2. Border Color

Quick reference

Class
Preview 
border-inherit
border-current
border-transparent
border-black
border-white
border-slate-50
border-slate-100
border-slate-200
border-slate-300
border-slate-400
border-slate-500
border-slate-600
border-slate-700
border-slate-800
border-slate-900
border-slate-950
border-gray-50
border-gray-100
border-gray-200
border-gray-300
border-gray-400
border-gray-500
border-gray-600
border-gray-700
border-gray-800
border-gray-900
border-gray-950
border-zinc-50
border-zinc-100
border-zinc-200
border-zinc-300
border-zinc-400
border-zinc-500
border-zinc-600
border-zinc-700
border-zinc-800
border-zinc-900
border-zinc-950
border-neutral-50
border-neutral-100
border-neutral-200
border-neutral-300
border-neutral-400
border-neutral-500
border-neutral-600
border-neutral-700
border-neutral-800
border-neutral-900
border-neutral-950
border-stone-50
border-stone-100
border-stone-200
border-stone-300
border-stone-400
border-stone-500
border-stone-600
border-stone-700
border-stone-800
border-stone-900
border-stone-950
border-red-50
border-red-100
border-red-200
border-red-300
border-red-400
border-red-500
border-red-600
border-red-700
border-red-800
border-red-900
border-red-950
border-orange-50
border-orange-100
border-orange-200
border-orange-300
border-orange-400
border-orange-500
border-orange-600
border-orange-700
border-orange-800
border-orange-900
border-orange-950
border-amber-50
border-amber-100
border-amber-200
border-amber-300
border-amber-400
border-amber-500
border-amber-600
border-amber-700
border-amber-800
border-amber-900
border-amber-950
border-yellow-50
border-yellow-100
border-yellow-200
border-yellow-300
border-yellow-400
border-yellow-500
border-yellow-600
border-yellow-700
border-yellow-800
border-yellow-900
border-yellow-950
border-lime-50
border-lime-100
border-lime-200
border-lime-300
border-lime-400
border-lime-500
border-lime-600
border-lime-700
border-lime-800
border-lime-900
border-lime-950
border-green-50
border-green-100
border-green-200
border-green-300
border-green-400
border-green-500
border-green-600
border-green-700
border-green-800
border-green-900
border-green-950
border-emerald-50
border-emerald-100
border-emerald-200
border-emerald-300
border-emerald-400
border-emerald-500
border-emerald-600
border-emerald-700
border-emerald-800
border-emerald-900
border-emerald-950
border-teal-50
border-teal-100
border-teal-200
border-teal-300
border-teal-400
border-teal-500
border-teal-600
border-teal-700
border-teal-800
border-teal-900
border-teal-950
border-cyan-50
border-cyan-100
border-cyan-200
border-cyan-300
border-cyan-400
border-cyan-500
border-cyan-600
border-cyan-700
border-cyan-800
border-cyan-900
border-cyan-950
border-sky-50
border-sky-100
border-sky-200
border-sky-300
border-sky-400
border-sky-500
border-sky-600
border-sky-700
border-sky-800
border-sky-900
border-sky-950
border-blue-50
border-blue-100
border-blue-200
border-blue-300
border-blue-400
border-blue-500
border-blue-600
border-blue-700
border-blue-800
border-blue-900
border-blue-950
border-indigo-50
border-indigo-100
border-indigo-200
border-indigo-300
border-indigo-400
border-indigo-500
border-indigo-600
border-indigo-700
border-indigo-800
border-indigo-900
border-indigo-950
border-violet-50
border-violet-100
border-violet-200
border-violet-300
border-violet-400
border-violet-500
border-violet-600
border-violet-700
border-violet-800
border-violet-900
border-violet-950
border-purple-50
border-purple-100
border-purple-200
border-purple-300
border-purple-400
border-purple-500
border-purple-600
border-purple-700
border-purple-800
border-purple-900
border-purple-950
border-fuchsia-50
border-fuchsia-100
border-fuchsia-200
border-fuchsia-300
border-fuchsia-400
border-fuchsia-500
border-fuchsia-600
border-fuchsia-700
border-fuchsia-800
border-fuchsia-900
border-fuchsia-950
border-pink-50
border-pink-100
border-pink-200
border-pink-300
border-pink-400
border-pink-500
border-pink-600
border-pink-700
border-pink-800
border-pink-900
border-pink-950
border-rose-50
border-rose-100
border-rose-200
border-rose-300
border-rose-400
border-rose-500
border-rose-600
border-rose-700
border-rose-800
border-rose-900
border-rose-950
border-x-inherit
border-x-current
border-x-transparent
border-x-black
border-x-white
border-x-slate-50
border-x-slate-100
border-x-slate-200
border-x-slate-300
border-x-slate-400
border-x-slate-500
border-x-slate-600
border-x-slate-700
border-x-slate-800
border-x-slate-900
border-x-slate-950
border-x-gray-50
border-x-gray-100
border-x-gray-200
border-x-gray-300
border-x-gray-400
border-x-gray-500
border-x-gray-600
border-x-gray-700
border-x-gray-800
border-x-gray-900
border-x-gray-950
border-x-zinc-50
border-x-zinc-100
border-x-zinc-200
border-x-zinc-300
border-x-zinc-400
border-x-zinc-500
border-x-zinc-600
border-x-zinc-700
border-x-zinc-800
border-x-zinc-900
border-x-zinc-950
border-x-neutral-50
border-x-neutral-100
border-x-neutral-200
border-x-neutral-300
border-x-neutral-400
border-x-neutral-500
border-x-neutral-600
border-x-neutral-700
border-x-neutral-800
border-x-neutral-900
border-x-neutral-950
border-x-stone-50
border-x-stone-100
border-x-stone-200
border-x-stone-300
border-x-stone-400
border-x-stone-500
border-x-stone-600
border-x-stone-700
border-x-stone-800
border-x-stone-900
border-x-stone-950
border-x-red-50
border-x-red-100
border-x-red-200
border-x-red-300
border-x-red-400
border-x-red-500
border-x-red-600
border-x-red-700
border-x-red-800
border-x-red-900
border-x-red-950
border-x-orange-50
border-x-orange-100
border-x-orange-200
border-x-orange-300
border-x-orange-400
border-x-orange-500
border-x-orange-600
border-x-orange-700
border-x-orange-800
border-x-orange-900
border-x-orange-950
border-x-amber-50
border-x-amber-100
border-x-amber-200
border-x-amber-300
border-x-amber-400
border-x-amber-500
border-x-amber-600
border-x-amber-700
border-x-amber-800
border-x-amber-900
border-x-amber-950
border-x-yellow-50
border-x-yellow-100
border-x-yellow-200
border-x-yellow-300
border-x-yellow-400
border-x-yellow-500
border-x-yellow-600
border-x-yellow-700
border-x-yellow-800
border-x-yellow-900
border-x-yellow-950
border-x-lime-50
border-x-lime-100
border-x-lime-200
border-x-lime-300
border-x-lime-400
border-x-lime-500
border-x-lime-600
border-x-lime-700
border-x-lime-800
border-x-lime-900
border-x-lime-950
border-x-green-50
border-x-green-100
border-x-green-200
border-x-green-300
border-x-green-400
border-x-green-500
border-x-green-600
border-x-green-700
border-x-green-800
border-x-green-900
border-x-green-950
border-x-emerald-50
border-x-emerald-100
border-x-emerald-200
border-x-emerald-300
border-x-emerald-400
border-x-emerald-500
border-x-emerald-600
border-x-emerald-700
border-x-emerald-800
border-x-emerald-900
border-x-emerald-950
border-x-teal-50
border-x-teal-100
border-x-teal-200
border-x-teal-300
border-x-teal-400
border-x-teal-500
border-x-teal-600
border-x-teal-700
border-x-teal-800
border-x-teal-900
border-x-teal-950
border-x-cyan-50
border-x-cyan-100
border-x-cyan-200
border-x-cyan-300
border-x-cyan-400
border-x-cyan-500
border-x-cyan-600
border-x-cyan-700
border-x-cyan-800
border-x-cyan-900
border-x-cyan-950
border-x-sky-50
border-x-sky-100
border-x-sky-200
border-x-sky-300
border-x-sky-400
border-x-sky-500
border-x-sky-600
border-x-sky-700
border-x-sky-800
border-x-sky-900
border-x-sky-950
border-x-blue-50
border-x-blue-100
border-x-blue-200
border-x-blue-300
border-x-blue-400
border-x-blue-500
border-x-blue-600
border-x-blue-700
border-x-blue-800
border-x-blue-900
border-x-blue-950
border-x-indigo-50
border-x-indigo-100
border-x-indigo-200
border-x-indigo-300
border-x-indigo-400
border-x-indigo-500
border-x-indigo-600
border-x-indigo-700
border-x-indigo-800
border-x-indigo-900
border-x-indigo-950
border-x-violet-50
border-x-violet-100
border-x-violet-200
border-x-violet-300
border-x-violet-400
border-x-violet-500
border-x-violet-600
border-x-violet-700
border-x-violet-800
border-x-violet-900
border-x-violet-950
border-x-purple-50
border-x-purple-100
border-x-purple-200
border-x-purple-300
border-x-purple-400
border-x-purple-500
border-x-purple-600
border-x-purple-700
border-x-purple-800
border-x-purple-900
border-x-purple-950
border-x-fuchsia-50
border-x-fuchsia-100
border-x-fuchsia-200
border-x-fuchsia-300
border-x-fuchsia-400
border-x-fuchsia-500
border-x-fuchsia-600
border-x-fuchsia-700
border-x-fuchsia-800
border-x-fuchsia-900
border-x-fuchsia-950
border-x-pink-50
border-x-pink-100
border-x-pink-200
border-x-pink-300
border-x-pink-400
border-x-pink-500
border-x-pink-600
border-x-pink-700
border-x-pink-800
border-x-pink-900
border-x-pink-950
border-x-rose-50
border-x-rose-100
border-x-rose-200
border-x-rose-300
border-x-rose-400
border-x-rose-500
border-x-rose-600
border-x-rose-700
border-x-rose-800
border-x-rose-900
border-x-rose-950
border-y-inherit
border-y-current
border-y-transparent
border-y-black
border-y-white
border-y-slate-50
border-y-slate-100
border-y-slate-200
border-y-slate-300
border-y-slate-400
border-y-slate-500
border-y-slate-600
border-y-slate-700
border-y-slate-800
border-y-slate-900
border-y-slate-950
border-y-gray-50
border-y-gray-100
border-y-gray-200
border-y-gray-300
border-y-gray-400
border-y-gray-500
border-y-gray-600
border-y-gray-700
border-y-gray-800
border-y-gray-900
border-y-gray-950
border-y-zinc-50
border-y-zinc-100
border-y-zinc-200
border-y-zinc-300
border-y-zinc-400
border-y-zinc-500
border-y-zinc-600
border-y-zinc-700
border-y-zinc-800
border-y-zinc-900
border-y-zinc-950
border-y-neutral-50
border-y-neutral-100
border-y-neutral-200
border-y-neutral-300
border-y-neutral-400
border-y-neutral-500
border-y-neutral-600
border-y-neutral-700
border-y-neutral-800
border-y-neutral-900
border-y-neutral-950
border-y-stone-50
border-y-stone-100
border-y-stone-200
border-y-stone-300
border-y-stone-400
border-y-stone-500
border-y-stone-600
border-y-stone-700
border-y-stone-800
border-y-stone-900
border-y-stone-950
border-y-red-50
border-y-red-100
border-y-red-200
border-y-red-300
border-y-red-400
border-y-red-500
border-y-red-600
border-y-red-700
border-y-red-800
border-y-red-900
border-y-red-950
border-y-orange-50
border-y-orange-100
border-y-orange-200
border-y-orange-300
border-y-orange-400
border-y-orange-500
border-y-orange-600
border-y-orange-700
border-y-orange-800
border-y-orange-900
border-y-orange-950
border-y-amber-50
border-y-amber-100
border-y-amber-200
border-y-amber-300
border-y-amber-400
border-y-amber-500
border-y-amber-600
border-y-amber-700
border-y-amber-800
border-y-amber-900
border-y-amber-950
border-y-yellow-50
border-y-yellow-100
border-y-yellow-200
border-y-yellow-300
border-y-yellow-400
border-y-yellow-500
border-y-yellow-600
border-y-yellow-700
border-y-yellow-800
border-y-yellow-900
border-y-yellow-950
border-y-lime-50
border-y-lime-100
border-y-lime-200
border-y-lime-300
border-y-lime-400
border-y-lime-500
border-y-lime-600
border-y-lime-700
border-y-lime-800
border-y-lime-900
border-y-lime-950
border-y-green-50
border-y-green-100
border-y-green-200
border-y-green-300
border-y-green-400
border-y-green-500
border-y-green-600
border-y-green-700
border-y-green-800
border-y-green-900
border-y-green-950
border-y-emerald-50
border-y-emerald-100
border-y-emerald-200
border-y-emerald-300
border-y-emerald-400
border-y-emerald-500
border-y-emerald-600
border-y-emerald-700
border-y-emerald-800
border-y-emerald-900
border-y-emerald-950
border-y-teal-50
border-y-teal-100
border-y-teal-200
border-y-teal-300
border-y-teal-400
border-y-teal-500
border-y-teal-600
border-y-teal-700
border-y-teal-800
border-y-teal-900
border-y-teal-950
border-y-cyan-50
border-y-cyan-100
border-y-cyan-200
border-y-cyan-300
border-y-cyan-400
border-y-cyan-500
border-y-cyan-600
border-y-cyan-700
border-y-cyan-800
border-y-cyan-900
border-y-cyan-950
border-y-sky-50
border-y-sky-100
border-y-sky-200
border-y-sky-300
border-y-sky-400
border-y-sky-500
border-y-sky-600
border-y-sky-700
border-y-sky-800
border-y-sky-900
border-y-sky-950
border-y-blue-50
border-y-blue-100
border-y-blue-200
border-y-blue-300
border-y-blue-400
border-y-blue-500
border-y-blue-600
border-y-blue-700
border-y-blue-800
border-y-blue-900
border-y-blue-950
border-y-indigo-50
border-y-indigo-100
border-y-indigo-200
border-y-indigo-300
border-y-indigo-400
border-y-indigo-500
border-y-indigo-600
border-y-indigo-700
border-y-indigo-800
border-y-indigo-900
border-y-indigo-950
border-y-violet-50
border-y-violet-100
border-y-violet-200
border-y-violet-300
border-y-violet-400
border-y-violet-500
border-y-violet-600
border-y-violet-700
border-y-violet-800
border-y-violet-900
border-y-violet-950
border-y-purple-50
border-y-purple-100
border-y-purple-200
border-y-purple-300
border-y-purple-400
border-y-purple-500
border-y-purple-600
border-y-purple-700
border-y-purple-800
border-y-purple-900
border-y-purple-950
border-y-fuchsia-50
border-y-fuchsia-100
border-y-fuchsia-200
border-y-fuchsia-300
border-y-fuchsia-400
border-y-fuchsia-500
border-y-fuchsia-600
border-y-fuchsia-700
border-y-fuchsia-800
border-y-fuchsia-900
border-y-fuchsia-950
border-y-pink-50
border-y-pink-100
border-y-pink-200
border-y-pink-300
border-y-pink-400
border-y-pink-500
border-y-pink-600
border-y-pink-700
border-y-pink-800
border-y-pink-900
border-y-pink-950
border-y-rose-50
border-y-rose-100
border-y-rose-200
border-y-rose-300
border-y-rose-400
border-y-rose-500
border-y-rose-600
border-y-rose-700
border-y-rose-800
border-y-rose-900
border-y-rose-950
border-s-inherit
border-s-current
border-s-transparent
border-s-black
border-s-white
border-s-slate-50
border-s-slate-100
border-s-slate-200
border-s-slate-300
border-s-slate-400
border-s-slate-500
border-s-slate-600
border-s-slate-700
border-s-slate-800
border-s-slate-900
border-s-slate-950
border-s-gray-50
border-s-gray-100
border-s-gray-200
border-s-gray-300
border-s-gray-400
border-s-gray-500
border-s-gray-600
border-s-gray-700
border-s-gray-800
border-s-gray-900
border-s-gray-950
border-s-zinc-50
border-s-zinc-100
border-s-zinc-200
border-s-zinc-300
border-s-zinc-400
border-s-zinc-500
border-s-zinc-600
border-s-zinc-700
border-s-zinc-800
border-s-zinc-900
border-s-zinc-950
border-s-neutral-50
border-s-neutral-100
border-s-neutral-200
border-s-neutral-300
border-s-neutral-400
border-s-neutral-500
border-s-neutral-600
border-s-neutral-700
border-s-neutral-800
border-s-neutral-900
border-s-neutral-950
border-s-stone-50
border-s-stone-100
border-s-stone-200
border-s-stone-300
border-s-stone-400
border-s-stone-500
border-s-stone-600
border-s-stone-700
border-s-stone-800
border-s-stone-900
border-s-stone-950
border-s-red-50
border-s-red-100
border-s-red-200
border-s-red-300
border-s-red-400
border-s-red-500
border-s-red-600
border-s-red-700
border-s-red-800
border-s-red-900
border-s-red-950
border-s-orange-50
border-s-orange-100
border-s-orange-200
border-s-orange-300
border-s-orange-400
border-s-orange-500
border-s-orange-600
border-s-orange-700
border-s-orange-800
border-s-orange-900
border-s-orange-950
border-s-amber-50
border-s-amber-100
border-s-amber-200
border-s-amber-300
border-s-amber-400
border-s-amber-500
border-s-amber-600
border-s-amber-700
border-s-amber-800
border-s-amber-900
border-s-amber-950
border-s-yellow-50
border-s-yellow-100
border-s-yellow-200
border-s-yellow-300
border-s-yellow-400
border-s-yellow-500
border-s-yellow-600
border-s-yellow-700
border-s-yellow-800
border-s-yellow-900
border-s-yellow-950
border-s-lime-50
border-s-lime-100
border-s-lime-200
border-s-lime-300
border-s-lime-400
border-s-lime-500
border-s-lime-600
border-s-lime-700
border-s-lime-800
border-s-lime-900
border-s-lime-950
border-s-green-50
border-s-green-100
border-s-green-200
border-s-green-300
border-s-green-400
border-s-green-500
border-s-green-600
border-s-green-700
border-s-green-800
border-s-green-900
border-s-green-950
border-s-emerald-50
border-s-emerald-100
border-s-emerald-200
border-s-emerald-300
border-s-emerald-400
border-s-emerald-500
border-s-emerald-600
border-s-emerald-700
border-s-emerald-800
border-s-emerald-900
border-s-emerald-950
border-s-teal-50
border-s-teal-100
border-s-teal-200
border-s-teal-300
border-s-teal-400
border-s-teal-500
border-s-teal-600
border-s-teal-700
border-s-teal-800
border-s-teal-900
border-s-teal-950
border-s-cyan-50
border-s-cyan-100
border-s-cyan-200
border-s-cyan-300
border-s-cyan-400
border-s-cyan-500
border-s-cyan-600
border-s-cyan-700
border-s-cyan-800
border-s-cyan-900
border-s-cyan-950
border-s-sky-50
border-s-sky-100
border-s-sky-200
border-s-sky-300
border-s-sky-400
border-s-sky-500
border-s-sky-600
border-s-sky-700
border-s-sky-800
border-s-sky-900
border-s-sky-950
border-s-blue-50
border-s-blue-100
border-s-blue-200
border-s-blue-300
border-s-blue-400
border-s-blue-500
border-s-blue-600
border-s-blue-700
border-s-blue-800
border-s-blue-900
border-s-blue-950
border-s-indigo-50
border-s-indigo-100
border-s-indigo-200
border-s-indigo-300
border-s-indigo-400
border-s-indigo-500
border-s-indigo-600
border-s-indigo-700
border-s-indigo-800
border-s-indigo-900
border-s-indigo-950
border-s-violet-50
border-s-violet-100
border-s-violet-200
border-s-violet-300
border-s-violet-400
border-s-violet-500
border-s-violet-600
border-s-violet-700
border-s-violet-800
border-s-violet-900
border-s-violet-950
border-s-purple-50
border-s-purple-100
border-s-purple-200
border-s-purple-300
border-s-purple-400
border-s-purple-500
border-s-purple-600
border-s-purple-700
border-s-purple-800
border-s-purple-900
border-s-purple-950
border-s-fuchsia-50
border-s-fuchsia-100
border-s-fuchsia-200
border-s-fuchsia-300
border-s-fuchsia-400
border-s-fuchsia-500
border-s-fuchsia-600
border-s-fuchsia-700
border-s-fuchsia-800
border-s-fuchsia-900
border-s-fuchsia-950
border-s-pink-50
border-s-pink-100
border-s-pink-200
border-s-pink-300
border-s-pink-400
border-s-pink-500
border-s-pink-600
border-s-pink-700
border-s-pink-800
border-s-pink-900
border-s-pink-950
border-s-rose-50
border-s-rose-100
border-s-rose-200
border-s-rose-300
border-s-rose-400
border-s-rose-500
border-s-rose-600
border-s-rose-700
border-s-rose-800
border-s-rose-900
border-s-rose-950
border-e-inherit
border-e-current
border-e-transparent
border-e-black
border-e-white
border-e-slate-50
border-e-slate-100
border-e-slate-200
border-e-slate-300
border-e-slate-400
border-e-slate-500
border-e-slate-600
border-e-slate-700
border-e-slate-800
border-e-slate-900
border-e-slate-950
border-e-gray-50
border-e-gray-100
border-e-gray-200
border-e-gray-300
border-e-gray-400
border-e-gray-500
border-e-gray-600
border-e-gray-700
border-e-gray-800
border-e-gray-900
border-e-gray-950
border-e-zinc-50
border-e-zinc-100
border-e-zinc-200
border-e-zinc-300
border-e-zinc-400
border-e-zinc-500
border-e-zinc-600
border-e-zinc-700
border-e-zinc-800
border-e-zinc-900
border-e-zinc-950
border-e-neutral-50
border-e-neutral-100
border-e-neutral-200
border-e-neutral-300
border-e-neutral-400
border-e-neutral-500
border-e-neutral-600
border-e-neutral-700
border-e-neutral-800
border-e-neutral-900
border-e-neutral-950
border-e-stone-50
border-e-stone-100
border-e-stone-200
border-e-stone-300
border-e-stone-400
border-e-stone-500
border-e-stone-600
border-e-stone-700
border-e-stone-800
border-e-stone-900
border-e-stone-950
border-e-red-50
border-e-red-100
border-e-red-200
border-e-red-300
border-e-red-400
border-e-red-500
border-e-red-600
border-e-red-700
border-e-red-800
border-e-red-900
border-e-red-950
border-e-orange-50
border-e-orange-100
border-e-orange-200
border-e-orange-300
border-e-orange-400
border-e-orange-500
border-e-orange-600
border-e-orange-700
border-e-orange-800
border-e-orange-900
border-e-orange-950
border-e-amber-50
border-e-amber-100
border-e-amber-200
border-e-amber-300
border-e-amber-400
border-e-amber-500
border-e-amber-600
border-e-amber-700
border-e-amber-800
border-e-amber-900
border-e-amber-950
border-e-yellow-50
border-e-yellow-100
border-e-yellow-200
border-e-yellow-300
border-e-yellow-400
border-e-yellow-500
border-e-yellow-600
border-e-yellow-700
border-e-yellow-800
border-e-yellow-900
border-e-yellow-950
border-e-lime-50
border-e-lime-100
border-e-lime-200
border-e-lime-300
border-e-lime-400
border-e-lime-500
border-e-lime-600
border-e-lime-700
border-e-lime-800
border-e-lime-900
border-e-lime-950
border-e-green-50
border-e-green-100
border-e-green-200
border-e-green-300
border-e-green-400
border-e-green-500
border-e-green-600
border-e-green-700
border-e-green-800
border-e-green-900
border-e-green-950
border-e-emerald-50
border-e-emerald-100
border-e-emerald-200
border-e-emerald-300
border-e-emerald-400
border-e-emerald-500
border-e-emerald-600
border-e-emerald-700
border-e-emerald-800
border-e-emerald-900
border-e-emerald-950
border-e-teal-50
border-e-teal-100
border-e-teal-200
border-e-teal-300
border-e-teal-400
border-e-teal-500
border-e-teal-600
border-e-teal-700
border-e-teal-800
border-e-teal-900
border-e-teal-950
border-e-cyan-50
border-e-cyan-100
border-e-cyan-200
border-e-cyan-300
border-e-cyan-400
border-e-cyan-500
border-e-cyan-600
border-e-cyan-700
border-e-cyan-800
border-e-cyan-900
border-e-cyan-950
border-e-sky-50
border-e-sky-100
border-e-sky-200
border-e-sky-300
border-e-sky-400
border-e-sky-500
border-e-sky-600
border-e-sky-700
border-e-sky-800
border-e-sky-900
border-e-sky-950
border-e-blue-50
border-e-blue-100
border-e-blue-200
border-e-blue-300
border-e-blue-400
border-e-blue-500
border-e-blue-600
border-e-blue-700
border-e-blue-800
border-e-blue-900
border-e-blue-950
border-e-indigo-50
border-e-indigo-100
border-e-indigo-200
border-e-indigo-300
border-e-indigo-400
border-e-indigo-500
border-e-indigo-600
border-e-indigo-700
border-e-indigo-800
border-e-indigo-900
border-e-indigo-950
border-e-violet-50
border-e-violet-100
border-e-violet-200
border-e-violet-300
border-e-violet-400
border-e-violet-500
border-e-violet-600
border-e-violet-700
border-e-violet-800
border-e-violet-900
border-e-violet-950
border-e-purple-50
border-e-purple-100
border-e-purple-200
border-e-purple-300
border-e-purple-400
border-e-purple-500
border-e-purple-600
border-e-purple-700
border-e-purple-800
border-e-purple-900
border-e-purple-950
border-e-fuchsia-50
border-e-fuchsia-100
border-e-fuchsia-200
border-e-fuchsia-300
border-e-fuchsia-400
border-e-fuchsia-500
border-e-fuchsia-600
border-e-fuchsia-700
border-e-fuchsia-800
border-e-fuchsia-900
border-e-fuchsia-950
border-e-pink-50
border-e-pink-100
border-e-pink-200
border-e-pink-300
border-e-pink-400
border-e-pink-500
border-e-pink-600
border-e-pink-700
border-e-pink-800
border-e-pink-900
border-e-pink-950
border-e-rose-50
border-e-rose-100
border-e-rose-200
border-e-rose-300
border-e-rose-400
border-e-rose-500
border-e-rose-600
border-e-rose-700
border-e-rose-800
border-e-rose-900
border-e-rose-950
border-t-inherit
border-t-current
border-t-transparent
border-t-black
border-t-white
border-t-slate-50
border-t-slate-100
border-t-slate-200
border-t-slate-300
border-t-slate-400
border-t-slate-500
border-t-slate-600
border-t-slate-700
border-t-slate-800
border-t-slate-900
border-t-slate-950
border-t-gray-50
border-t-gray-100
border-t-gray-200
border-t-gray-300
border-t-gray-400
border-t-gray-500
border-t-gray-600
border-t-gray-700
border-t-gray-800
border-t-gray-900
border-t-gray-950
border-t-zinc-50
border-t-zinc-100
border-t-zinc-200
border-t-zinc-300
border-t-zinc-400
border-t-zinc-500
border-t-zinc-600
border-t-zinc-700
border-t-zinc-800
border-t-zinc-900
border-t-zinc-950
border-t-neutral-50
border-t-neutral-100
border-t-neutral-200
border-t-neutral-300
border-t-neutral-400
border-t-neutral-500
border-t-neutral-600
border-t-neutral-700
border-t-neutral-800
border-t-neutral-900
border-t-neutral-950
border-t-stone-50
border-t-stone-100
border-t-stone-200
border-t-stone-300
border-t-stone-400
border-t-stone-500
border-t-stone-600
border-t-stone-700
border-t-stone-800
border-t-stone-900
border-t-stone-950
border-t-red-50
border-t-red-100
border-t-red-200
border-t-red-300
border-t-red-400
border-t-red-500
border-t-red-600
border-t-red-700
border-t-red-800
border-t-red-900
border-t-red-950
border-t-orange-50
border-t-orange-100
border-t-orange-200
border-t-orange-300
border-t-orange-400
border-t-orange-500
border-t-orange-600
border-t-orange-700
border-t-orange-800
border-t-orange-900
border-t-orange-950
border-t-amber-50
border-t-amber-100
border-t-amber-200
border-t-amber-300
border-t-amber-400
border-t-amber-500
border-t-amber-600
border-t-amber-700
border-t-amber-800
border-t-amber-900
border-t-amber-950
border-t-yellow-50
border-t-yellow-100
border-t-yellow-200
border-t-yellow-300
border-t-yellow-400
border-t-yellow-500
border-t-yellow-600
border-t-yellow-700
border-t-yellow-800
border-t-yellow-900
border-t-yellow-950
border-t-lime-50
border-t-lime-100
border-t-lime-200
border-t-lime-300
border-t-lime-400
border-t-lime-500
border-t-lime-600
border-t-lime-700
border-t-lime-800
border-t-lime-900
border-t-lime-950
border-t-green-50
border-t-green-100
border-t-green-200
border-t-green-300
border-t-green-400
border-t-green-500
border-t-green-600
border-t-green-700
border-t-green-800
border-t-green-900
border-t-green-950
border-t-emerald-50
border-t-emerald-100
border-t-emerald-200
border-t-emerald-300
border-t-emerald-400
border-t-emerald-500
border-t-emerald-600
border-t-emerald-700
border-t-emerald-800
border-t-emerald-900
border-t-emerald-950
border-t-teal-50
border-t-teal-100
border-t-teal-200
border-t-teal-300
border-t-teal-400
border-t-teal-500
border-t-teal-600
border-t-teal-700
border-t-teal-800
border-t-teal-900
border-t-teal-950
border-t-cyan-50
border-t-cyan-100
border-t-cyan-200
border-t-cyan-300
border-t-cyan-400
border-t-cyan-500
border-t-cyan-600
border-t-cyan-700
border-t-cyan-800
border-t-cyan-900
border-t-cyan-950
border-t-sky-50
border-t-sky-100
border-t-sky-200
border-t-sky-300
border-t-sky-400
border-t-sky-500
border-t-sky-600
border-t-sky-700
border-t-sky-800
border-t-sky-900
border-t-sky-950
border-t-blue-50
border-t-blue-100
border-t-blue-200
border-t-blue-300
border-t-blue-400
border-t-blue-500
border-t-blue-600
border-t-blue-700
border-t-blue-800
border-t-blue-900
border-t-blue-950
border-t-indigo-50
border-t-indigo-100
border-t-indigo-200
border-t-indigo-300
border-t-indigo-400
border-t-indigo-500
border-t-indigo-600
border-t-indigo-700
border-t-indigo-800
border-t-indigo-900
border-t-indigo-950
border-t-violet-50
border-t-violet-100
border-t-violet-200
border-t-violet-300
border-t-violet-400
border-t-violet-500
border-t-violet-600
border-t-violet-700
border-t-violet-800
border-t-violet-900
border-t-violet-950
border-t-purple-50
border-t-purple-100
border-t-purple-200
border-t-purple-300
border-t-purple-400
border-t-purple-500
border-t-purple-600
border-t-purple-700
border-t-purple-800
border-t-purple-900
border-t-purple-950
border-t-fuchsia-50
border-t-fuchsia-100
border-t-fuchsia-200
border-t-fuchsia-300
border-t-fuchsia-400
border-t-fuchsia-500
border-t-fuchsia-600
border-t-fuchsia-700
border-t-fuchsia-800
border-t-fuchsia-900
border-t-fuchsia-950
border-t-pink-50
border-t-pink-100
border-t-pink-200
border-t-pink-300
border-t-pink-400
border-t-pink-500
border-t-pink-600
border-t-pink-700
border-t-pink-800
border-t-pink-900
border-t-pink-950
border-t-rose-50
border-t-rose-100
border-t-rose-200
border-t-rose-300
border-t-rose-400
border-t-rose-500
border-t-rose-600
border-t-rose-700
border-t-rose-800
border-t-rose-900
border-t-rose-950
border-r-inherit
border-r-current
border-r-transparent
border-r-black
border-r-white
border-r-slate-50
border-r-slate-100
border-r-slate-200
border-r-slate-300
border-r-slate-400
border-r-slate-500
border-r-slate-600
border-r-slate-700
border-r-slate-800
border-r-slate-900
border-r-slate-950
border-r-gray-50
border-r-gray-100
border-r-gray-200
border-r-gray-300
border-r-gray-400
border-r-gray-500
border-r-gray-600
border-r-gray-700
border-r-gray-800
border-r-gray-900
border-r-gray-950
border-r-zinc-50
border-r-zinc-100
border-r-zinc-200
border-r-zinc-300
border-r-zinc-400
border-r-zinc-500
border-r-zinc-600
border-r-zinc-700
border-r-zinc-800
border-r-zinc-900
border-r-zinc-950
border-r-neutral-50
border-r-neutral-100
border-r-neutral-200
border-r-neutral-300
border-r-neutral-400
border-r-neutral-500
border-r-neutral-600
border-r-neutral-700
border-r-neutral-800
border-r-neutral-900
border-r-neutral-950
border-r-stone-50
border-r-stone-100
border-r-stone-200
border-r-stone-300
border-r-stone-400
border-r-stone-500
border-r-stone-600
border-r-stone-700
border-r-stone-800
border-r-stone-900
border-r-stone-950
border-r-red-50
border-r-red-100
border-r-red-200
border-r-red-300
border-r-red-400
border-r-red-500
border-r-red-600
border-r-red-700
border-r-red-800
border-r-red-900
border-r-red-950
border-r-orange-50
border-r-orange-100
border-r-orange-200
border-r-orange-300
border-r-orange-400
border-r-orange-500
border-r-orange-600
border-r-orange-700
border-r-orange-800
border-r-orange-900
border-r-orange-950
border-r-amber-50
border-r-amber-100
border-r-amber-200
border-r-amber-300
border-r-amber-400
border-r-amber-500
border-r-amber-600
border-r-amber-700
border-r-amber-800
border-r-amber-900
border-r-amber-950
border-r-yellow-50
border-r-yellow-100
border-r-yellow-200
border-r-yellow-300
border-r-yellow-400
border-r-yellow-500
border-r-yellow-600
border-r-yellow-700
border-r-yellow-800
border-r-yellow-900
border-r-yellow-950
border-r-lime-50
border-r-lime-100
border-r-lime-200
border-r-lime-300
border-r-lime-400
border-r-lime-500
border-r-lime-600
border-r-lime-700
border-r-lime-800
border-r-lime-900
border-r-lime-950
border-r-green-50
border-r-green-100
border-r-green-200
border-r-green-300
border-r-green-400
border-r-green-500
border-r-green-600
border-r-green-700
border-r-green-800
border-r-green-900
border-r-green-950
border-r-emerald-50
border-r-emerald-100
border-r-emerald-200
border-r-emerald-300
border-r-emerald-400
border-r-emerald-500
border-r-emerald-600
border-r-emerald-700
border-r-emerald-800
border-r-emerald-900
border-r-emerald-950
border-r-teal-50
border-r-teal-100
border-r-teal-200
border-r-teal-300
border-r-teal-400
border-r-teal-500
border-r-teal-600
border-r-teal-700
border-r-teal-800
border-r-teal-900
border-r-teal-950
border-r-cyan-50
border-r-cyan-100
border-r-cyan-200
border-r-cyan-300
border-r-cyan-400
border-r-cyan-500
border-r-cyan-600
border-r-cyan-700
border-r-cyan-800
border-r-cyan-900
border-r-cyan-950
border-r-sky-50
border-r-sky-100
border-r-sky-200
border-r-sky-300
border-r-sky-400
border-r-sky-500
border-r-sky-600
border-r-sky-700
border-r-sky-800
border-r-sky-900
border-r-sky-950
border-r-blue-50
border-r-blue-100
border-r-blue-200
border-r-blue-300
border-r-blue-400
border-r-blue-500
border-r-blue-600
border-r-blue-700
border-r-blue-800
border-r-blue-900
border-r-blue-950
border-r-indigo-50
border-r-indigo-100
border-r-indigo-200
border-r-indigo-300
border-r-indigo-400
border-r-indigo-500
border-r-indigo-600
border-r-indigo-700
border-r-indigo-800
border-r-indigo-900
border-r-indigo-950
border-r-violet-50
border-r-violet-100
border-r-violet-200
border-r-violet-300
border-r-violet-400
border-r-violet-500
border-r-violet-600
border-r-violet-700
border-r-violet-800
border-r-violet-900
border-r-violet-950
border-r-purple-50
border-r-purple-100
border-r-purple-200
border-r-purple-300
border-r-purple-400
border-r-purple-500
border-r-purple-600
border-r-purple-700
border-r-purple-800
border-r-purple-900
border-r-purple-950
border-r-fuchsia-50
border-r-fuchsia-100
border-r-fuchsia-200
border-r-fuchsia-300
border-r-fuchsia-400
border-r-fuchsia-500
border-r-fuchsia-600
border-r-fuchsia-700
border-r-fuchsia-800
border-r-fuchsia-900
border-r-fuchsia-950
border-r-pink-50
border-r-pink-100
border-r-pink-200
border-r-pink-300
border-r-pink-400
border-r-pink-500
border-r-pink-600
border-r-pink-700
border-r-pink-800
border-r-pink-900
border-r-pink-950
border-r-rose-50
border-r-rose-100
border-r-rose-200
border-r-rose-300
border-r-rose-400
border-r-rose-500
border-r-rose-600
border-r-rose-700
border-r-rose-800
border-r-rose-900
border-r-rose-950
border-b-inherit
border-b-current
border-b-transparent
border-b-black
border-b-white
border-b-slate-50
border-b-slate-100
border-b-slate-200
border-b-slate-300
border-b-slate-400
border-b-slate-500
border-b-slate-600
border-b-slate-700
border-b-slate-800
border-b-slate-900
border-b-slate-950
border-b-gray-50
border-b-gray-100
border-b-gray-200
border-b-gray-300
border-b-gray-400
border-b-gray-500
border-b-gray-600
border-b-gray-700
border-b-gray-800
border-b-gray-900
border-b-gray-950
border-b-zinc-50
border-b-zinc-100
border-b-zinc-200
border-b-zinc-300
border-b-zinc-400
border-b-zinc-500
border-b-zinc-600
border-b-zinc-700
border-b-zinc-800
border-b-zinc-900
border-b-zinc-950
border-b-neutral-50
border-b-neutral-100
border-b-neutral-200
border-b-neutral-300
border-b-neutral-400
border-b-neutral-500
border-b-neutral-600
border-b-neutral-700
border-b-neutral-800
border-b-neutral-900
border-b-neutral-950
border-b-stone-50
border-b-stone-100
border-b-stone-200
border-b-stone-300
border-b-stone-400
border-b-stone-500
border-b-stone-600
border-b-stone-700
border-b-stone-800
border-b-stone-900
border-b-stone-950
border-b-red-50
border-b-red-100
border-b-red-200
border-b-red-300
border-b-red-400
border-b-red-500
border-b-red-600
border-b-red-700
border-b-red-800
border-b-red-900
border-b-red-950
border-b-orange-50
border-b-orange-100
border-b-orange-200
border-b-orange-300
border-b-orange-400
border-b-orange-500
border-b-orange-600
border-b-orange-700
border-b-orange-800
border-b-orange-900
border-b-orange-950
border-b-amber-50
border-b-amber-100
border-b-amber-200
border-b-amber-300
border-b-amber-400
border-b-amber-500
border-b-amber-600
border-b-amber-700
border-b-amber-800
border-b-amber-900
border-b-amber-950
border-b-yellow-50
border-b-yellow-100
border-b-yellow-200
border-b-yellow-300
border-b-yellow-400
border-b-yellow-500
border-b-yellow-600
border-b-yellow-700
border-b-yellow-800
border-b-yellow-900
border-b-yellow-950
border-b-lime-50
border-b-lime-100
border-b-lime-200
border-b-lime-300
border-b-lime-400
border-b-lime-500
border-b-lime-600
border-b-lime-700
border-b-lime-800
border-b-lime-900
border-b-lime-950
border-b-green-50
border-b-green-100
border-b-green-200
border-b-green-300
border-b-green-400
border-b-green-500
border-b-green-600
border-b-green-700
border-b-green-800
border-b-green-900
border-b-green-950
border-b-emerald-50
border-b-emerald-100
border-b-emerald-200
border-b-emerald-300
border-b-emerald-400
border-b-emerald-500
border-b-emerald-600
border-b-emerald-700
border-b-emerald-800
border-b-emerald-900
border-b-emerald-950
border-b-teal-50
border-b-teal-100
border-b-teal-200
border-b-teal-300
border-b-teal-400
border-b-teal-500
border-b-teal-600
border-b-teal-700
border-b-teal-800
border-b-teal-900
border-b-teal-950
border-b-cyan-50
border-b-cyan-100
border-b-cyan-200
border-b-cyan-300
border-b-cyan-400
border-b-cyan-500
border-b-cyan-600
border-b-cyan-700
border-b-cyan-800
border-b-cyan-900
border-b-cyan-950
border-b-sky-50
border-b-sky-100
border-b-sky-200
border-b-sky-300
border-b-sky-400
border-b-sky-500
border-b-sky-600
border-b-sky-700
border-b-sky-800
border-b-sky-900
border-b-sky-950
border-b-blue-50
border-b-blue-100
border-b-blue-200
border-b-blue-300
border-b-blue-400
border-b-blue-500
border-b-blue-600
border-b-blue-700
border-b-blue-800
border-b-blue-900
border-b-blue-950
border-b-indigo-50
border-b-indigo-100
border-b-indigo-200
border-b-indigo-300
border-b-indigo-400
border-b-indigo-500
border-b-indigo-600
border-b-indigo-700
border-b-indigo-800
border-b-indigo-900
border-b-indigo-950
border-b-violet-50
border-b-violet-100
border-b-violet-200
border-b-violet-300
border-b-violet-400
border-b-violet-500
border-b-violet-600
border-b-violet-700
border-b-violet-800
border-b-violet-900
border-b-violet-950
border-b-purple-50
border-b-purple-100
border-b-purple-200
border-b-purple-300
border-b-purple-400
border-b-purple-500
border-b-purple-600
border-b-purple-700
border-b-purple-800
border-b-purple-900
border-b-purple-950
border-b-fuchsia-50
border-b-fuchsia-100
border-b-fuchsia-200
border-b-fuchsia-300
border-b-fuchsia-400
border-b-fuchsia-500
border-b-fuchsia-600
border-b-fuchsia-700
border-b-fuchsia-800
border-b-fuchsia-900
border-b-fuchsia-950
border-b-pink-50
border-b-pink-100
border-b-pink-200
border-b-pink-300
border-b-pink-400
border-b-pink-500
border-b-pink-600
border-b-pink-700
border-b-pink-800
border-b-pink-900
border-b-pink-950
border-b-rose-50
border-b-rose-100
border-b-rose-200
border-b-rose-300
border-b-rose-400
border-b-rose-500
border-b-rose-600
border-b-rose-700
border-b-rose-800
border-b-rose-900
border-b-rose-950
border-l-inherit
border-l-current
border-l-transparent
border-l-black
border-l-white
border-l-slate-50
border-l-slate-100
border-l-slate-200
border-l-slate-300
border-l-slate-400
border-l-slate-500
border-l-slate-600
border-l-slate-700
border-l-slate-800
border-l-slate-900
border-l-slate-950
border-l-gray-50
border-l-gray-100
border-l-gray-200
border-l-gray-300
border-l-gray-400
border-l-gray-500
border-l-gray-600
border-l-gray-700
border-l-gray-800
border-l-gray-900
border-l-gray-950
border-l-zinc-50
border-l-zinc-100
border-l-zinc-200
border-l-zinc-300
border-l-zinc-400
border-l-zinc-500
border-l-zinc-600
border-l-zinc-700
border-l-zinc-800
border-l-zinc-900
border-l-zinc-950
border-l-neutral-50
border-l-neutral-100
border-l-neutral-200
border-l-neutral-300
border-l-neutral-400
border-l-neutral-500
border-l-neutral-600
border-l-neutral-700
border-l-neutral-800
border-l-neutral-900
border-l-neutral-950
border-l-stone-50
border-l-stone-100
border-l-stone-200
border-l-stone-300
border-l-stone-400
border-l-stone-500
border-l-stone-600
border-l-stone-700
border-l-stone-800
border-l-stone-900
border-l-stone-950
border-l-red-50
border-l-red-100
border-l-red-200
border-l-red-300
border-l-red-400
border-l-red-500
border-l-red-600
border-l-red-700
border-l-red-800
border-l-red-900
border-l-red-950
border-l-orange-50
border-l-orange-100
border-l-orange-200
border-l-orange-300
border-l-orange-400
border-l-orange-500
border-l-orange-600
border-l-orange-700
border-l-orange-800
border-l-orange-900
border-l-orange-950
border-l-amber-50
border-l-amber-100
border-l-amber-200
border-l-amber-300
border-l-amber-400
border-l-amber-500
border-l-amber-600
border-l-amber-700
border-l-amber-800
border-l-amber-900
border-l-amber-950
border-l-yellow-50
border-l-yellow-100
border-l-yellow-200
border-l-yellow-300
border-l-yellow-400
border-l-yellow-500
border-l-yellow-600
border-l-yellow-700
border-l-yellow-800
border-l-yellow-900
border-l-yellow-950
border-l-lime-50
border-l-lime-100
border-l-lime-200
border-l-lime-300
border-l-lime-400
border-l-lime-500
border-l-lime-600
border-l-lime-700
border-l-lime-800
border-l-lime-900
border-l-lime-950
border-l-green-50
border-l-green-100
border-l-green-200
border-l-green-300
border-l-green-400
border-l-green-500
border-l-green-600
border-l-green-700
border-l-green-800
border-l-green-900
border-l-green-950
border-l-emerald-50
border-l-emerald-100
border-l-emerald-200
border-l-emerald-300
border-l-emerald-400
border-l-emerald-500
border-l-emerald-600
border-l-emerald-700
border-l-emerald-800
border-l-emerald-900
border-l-emerald-950
border-l-teal-50
border-l-teal-100
border-l-teal-200
border-l-teal-300
border-l-teal-400
border-l-teal-500
border-l-teal-600
border-l-teal-700
border-l-teal-800
border-l-teal-900
border-l-teal-950
border-l-cyan-50
border-l-cyan-100
border-l-cyan-200
border-l-cyan-300
border-l-cyan-400
border-l-cyan-500
border-l-cyan-600
border-l-cyan-700
border-l-cyan-800
border-l-cyan-900
border-l-cyan-950
border-l-sky-50
border-l-sky-100
border-l-sky-200
border-l-sky-300
border-l-sky-400
border-l-sky-500
border-l-sky-600
border-l-sky-700
border-l-sky-800
border-l-sky-900
border-l-sky-950
border-l-blue-50
border-l-blue-100
border-l-blue-200
border-l-blue-300
border-l-blue-400
border-l-blue-500
border-l-blue-600
border-l-blue-700
border-l-blue-800
border-l-blue-900
border-l-blue-950
border-l-indigo-50
border-l-indigo-100
border-l-indigo-200
border-l-indigo-300
border-l-indigo-400
border-l-indigo-500
border-l-indigo-600
border-l-indigo-700
border-l-indigo-800
border-l-indigo-900
border-l-indigo-950
border-l-violet-50
border-l-violet-100
border-l-violet-200
border-l-violet-300
border-l-violet-400
border-l-violet-500
border-l-violet-600
border-l-violet-700
border-l-violet-800
border-l-violet-900
border-l-violet-950
border-l-purple-50
border-l-purple-100
border-l-purple-200
border-l-purple-300
border-l-purple-400
border-l-purple-500
border-l-purple-600
border-l-purple-700
border-l-purple-800
border-l-purple-900
border-l-purple-950
border-l-fuchsia-50
border-l-fuchsia-100
border-l-fuchsia-200
border-l-fuchsia-300
border-l-fuchsia-400
border-l-fuchsia-500
border-l-fuchsia-600
border-l-fuchsia-700
border-l-fuchsia-800
border-l-fuchsia-900
border-l-fuchsia-950
border-l-pink-50
border-l-pink-100
border-l-pink-200
border-l-pink-300
border-l-pink-400
border-l-pink-500
border-l-pink-600
border-l-pink-700
border-l-pink-800
border-l-pink-900
border-l-pink-950
border-l-rose-50
border-l-rose-100
border-l-rose-200
border-l-rose-300
border-l-rose-400
border-l-rose-500
border-l-rose-600
border-l-rose-700
border-l-rose-800
border-l-rose-900
border-l-rose-950

Basic usage

테두리 색상 설정하기

엘리먼트의 테두리 색상을 조절하려면 border-* 유틸리티를 사용하세요.

이 필드는 필수입니다. 
<input class="border-2 border-rose-600 ...">

투명도 변경하기

엘리먼트의 테두리 색상 투명도를 조절하려면 색상 투명도 수정자를 사용하세요.

border-indigo-500/100

border-indigo-500/75

border-indigo-500/50

<div class="border-4 border-indigo-500/100 ..."></div>
<div class="border-4 border-indigo-500/75 ..."></div>
<div class="border-4 border-indigo-500/50 ..."></div>

투명도 스케일에 정의된 값을 사용하거나, 디자인 토큰에서 벗어나야 할 경우 임의의 값을 사용할 수 있습니다.

<div class="border-4 border-indigo-600/[.55] ..."></div>

각 면별 설정

border-t-*, border-r-*, border-b-*, border-l-* 유틸리티를 사용해 엘리먼트의 한 면에만 테두리 색상을 지정할 수 있습니다.

border-t-indigo-500

border-r-indigo-500

border-b-indigo-500

border-l-indigo-500

<div class="border-4 border-indigo-200 border-t-indigo-500 ..."></div>
<div class="border-4 border-indigo-200 border-r-indigo-500 ..."></div>
<div class="border-4 border-indigo-200 border-b-indigo-500 ..."></div>
<div class="border-4 border-indigo-200 border-l-indigo-500 ..."></div>

가로 및 세로 테두리

border-x-*와 border-y-* 유틸리티를 사용해 엘리먼트의 두 면에 동시에 테두리 색상을 설정할 수 있습니다.

border-x-indigo-500

border-y-indigo-500

<div class="border-4 border-indigo-200 border-x-indigo-500 ..."></div>
<div class="border-4 border-indigo-200 border-y-indigo-500 ..."></div>

논리적 속성 사용하기

border-s-*와 border-e-* 유틸리티를 사용하여 border-inline-start-color와 border-inline-end-color 논리적 속성을 설정할 수 있습니다. 이 속성들은 텍스트 방향에 따라 왼쪽 또는 오른쪽 테두리에 매핑됩니다.

왼쪽에서 오른쪽

오른쪽에서 왼쪽

<div dir="ltr">
  <div class="border-s-indigo-500 ..."></div>
<div>

<div dir="rtl">
  <div class="border-s-indigo-500 ..."></div>
<div>

더 세밀한 제어를 위해 LTR 및 RTL 수정자를 사용하여 현재 텍스트 방향에 따라 특정 스타일을 조건부로 적용할 수도 있습니다.

Applying conditionally

호버, 포커스 및 기타 상태

Tailwind는 상태에 따라 유틸리티 클래스를 조건부로 적용할 수 있게 해줍니다. 예를 들어, hover:border-gray-500 를 사용하면 border-gray-500 유틸리티를 hover 상태에서만 적용할 수 있습니다.

텍스트 위에 마우스를 올려보면 예상되는 동작을 확인할 수 있습니다

<button class="border border-slate-300 hover:border-indigo-300 ...">
  이메일 보내기
</button>

사용 가능한 모든 상태 수정자 목록은 호버, 포커스, & 기타 상태 문서를 참고하세요.

브레이크포인트와 미디어 쿼리

여러분은 반응형 브레이크포인트, 다크 모드, prefers-reduced-motion 등과 같은 미디어 쿼리를 타겟팅하기 위해 변형 수식어를 사용할 수 있습니다. 예를 들어, md:border-green-500를 사용하면 중간 화면 크기 이상에서만 border-green-500 유틸리티를 적용할 수 있습니다.

<button class="border-blue-500 md:border-green-500">
  <!-- ... -->
</button>

더 자세히 알아보려면 반응형 디자인, 다크 모드, 그리고 다른 미디어 쿼리 수식어에 대한 문서를 확인하세요.

Using custom values

테마 커스터마이징

기본적으로 Tailwind는 전체 기본 색상 팔레트를 border 색상으로 제공합니다. 여러분은 tailwind.config.js 파일에서 theme.colors 또는 theme.extend.colors를 편집하여 색상 팔레트를 커스터마이징할 수 있습니다.

tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'regal-blue': '#243c5a',
      },
    }
  }
}

또는 tailwind.config.js 파일에서 theme.borderColor 또는 theme.extend.borderColor를 편집하여 border 색상만 커스터마이징할 수도 있습니다.

기본 테마 커스터마이징에 대해 더 알아보려면 테마 커스터마이징 문서를 참고하세요.

임의 값

테마에 포함시키기 어려운 border-color 값을 일회성으로 사용해야 한다면, 대괄호를 사용해 임의의 값으로 속성을 즉석에서 생성할 수 있습니다.

<button class="border-[#243c5a]">
  <!-- ... -->
</button>

임의 값 지원에 대해 더 알아보려면 임의 값 문서를 참고하세요.