1. 边框
  2. 边框颜色

Quick reference

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

设置边框颜色

¥Setting the border color

使用 border-* 工具来控制元素的边框颜色。

¥Use the border-* utilities to control the border color of an element.

This field is required.
<input class="border-2 border-rose-600 ...">

改变透明度

¥Changing the opacity

使用颜色透明度修饰符来控制元素边框颜色的透明度。

¥Use the color opacity modifier to control the opacity of an element’s border color.

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>

你可以使用 透明度比例 中定义的任何值,或者如果你需要偏离你的设计令牌,则可以使用任意值。

¥You can use any value defined in your opacity scale, or use arbitrary values if you need to deviate from your design tokens.

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

个别面

¥Individual sides

使用 border-t-*border-r-*border-b-*border-l-* 工具设置元素一侧的边框颜色。

¥Use the border-t-*, border-r-*, border-b-*, and border-l-* utilities to set the border color for one side of an element.

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>

水平端和垂直端

¥Horizontal and vertical sides

使用 border-x-*border-y-* 工具同时设置元素两侧的边框颜色。

¥Use the border-x-* and border-y-* utilities to set the border color on two sides of an element at the same time.

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>

使用逻辑属性

¥Using logical properties

使用 border-s-*border-e-* 工具设置 border-inline-start-colorborder-inline-end-color 逻辑属性,它们根据文本方向映射到左边框或右边框。

¥Use the border-s-* and border-e-* utilities to set the border-inline-start-color and border-inline-end-color logical properties, which map to either the left or right border based on the text direction.

Left-to-right

Right-to-left

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

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

要获得更多控制,你还可以使用 LTR 和 RTL 修饰符 根据当前文本方向有条件地应用特定样式。

¥For more control, you can also use the LTR and RTL modifiers to conditionally apply specific styles depending on the current text direction.


有条件地应用

悬停、聚焦和其他状态

Tailwind 允许你使用变体修饰符在不同状态下有条件地应用工具类。例如,使用hover:border-gray-500 仅在 hover 时应用 border-gray-500 工具。

尝试将鼠标悬停在文本上以查看预期的行为

<button class="border border-slate-300 hover:border-indigo-300 ...">
Send email
</button>

有关所有可用状态修饰符的完整列表,请查看悬停、聚焦、以及其他状态 文档。

断点和媒体查询

你还可以使用变体修饰符来定位媒体查询,例如响应式断点、暗黑模式、首选减少运动等。例如,使用 md:border-green-500 仅在中等屏幕尺寸及以上时应用 border-green-500 工具。

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

要了解更多信息,请查看有关 响应式设计暗黑模式、以及 其他媒体查询修饰符 的文档。


使用自定义值

¥Using custom values

自定义主题

¥Customizing your theme

默认情况下,Tailwind 将整个 默认调色板 用作 border 颜色。你可以通过在 tailwind.config.js 文件中编辑 theme.colorstheme.extend.colors自定义调色板

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

或者,你可以通过在 tailwind.config.js 文件中编辑 theme.borderColortheme.extend.borderColor 来仅自定义 border 颜色。

主题自定义 文档中了解有关自定义默认主题的更多信息。

任意值

¥Arbitrary values

如果你需要使用一次性的 border-color 值,而该值没有必要包含在你的主题中,请使用方括号动态生成属性,使用任意值。

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

任意值 文档中了解有关任意值支持的更多信息。