The ms-borderColor-* classes apply a border color (still requires a border-width and border-style to display). Several standard, shared, theme, neutral, and more are included.
Samples are grouped by classes used. Expand to see the related samples.
Complimentary Classes
These classes compliment the ms-fontColor-* and ms-bgColor-* classes and except where noted below contain equivalent colors.
Warning
The named colors
alert,severeWarning,warning, anderrordo not havems-borderColor-equivalents despite being present elsewhere
ms-borderColor-black
1 sample
- Modern Event Tiles (view)
ms-borderColor-black--hover
No current catalog entries are tagged with this value.
ms-borderColor-blue
2 samples
- Quiz (view)
- Video Gallery (view)
ms-borderColor-blue--hover
No current catalog entries are tagged with this value.
ms-borderColor-blueDark
No current catalog entries are tagged with this value.
ms-borderColor-blueDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-blueLight
1 sample
- Status Header and Footer (form)
ms-borderColor-blueLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-blueMid
No current catalog entries are tagged with this value.
ms-borderColor-blueMid--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationPrimary
No current catalog entries are tagged with this value.
ms-borderColor-communicationPrimary--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade10
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade10--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade20
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade20--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade30
No current catalog entries are tagged with this value.
ms-borderColor-communicationShade30--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint10
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint10--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint20
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint20--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint30
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint30--hover
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint40
No current catalog entries are tagged with this value.
ms-borderColor-communicationTint40--hover
No current catalog entries are tagged with this value.
ms-borderColor-contrastBlackDisabled
No current catalog entries are tagged with this value.
ms-borderColor-contrastBlackDisabled--hover
No current catalog entries are tagged with this value.
ms-borderColor-contrastBlackSelected
No current catalog entries are tagged with this value.
ms-borderColor-contrastBlackSelected--hover
No current catalog entries are tagged with this value.
ms-borderColor-contrastWhiteDisabled
No current catalog entries are tagged with this value.
ms-borderColor-contrastWhiteDisabled--hover
No current catalog entries are tagged with this value.
ms-borderColor-contrastWhiteSelected
No current catalog entries are tagged with this value.
ms-borderColor-contrastWhiteSelected--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray10
No current catalog entries are tagged with this value.
ms-borderColor-gray10--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray100
No current catalog entries are tagged with this value.
ms-borderColor-gray100--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray110
No current catalog entries are tagged with this value.
ms-borderColor-gray110--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray120
No current catalog entries are tagged with this value.
ms-borderColor-gray120--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray130
No current catalog entries are tagged with this value.
ms-borderColor-gray130--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray140
No current catalog entries are tagged with this value.
ms-borderColor-gray140--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray150
No current catalog entries are tagged with this value.
ms-borderColor-gray150--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray160
No current catalog entries are tagged with this value.
ms-borderColor-gray160--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray170
No current catalog entries are tagged with this value.
ms-borderColor-gray170--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray180
No current catalog entries are tagged with this value.
ms-borderColor-gray180--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray190
No current catalog entries are tagged with this value.
ms-borderColor-gray190--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray20
No current catalog entries are tagged with this value.
ms-borderColor-gray20--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray200
No current catalog entries are tagged with this value.
ms-borderColor-gray200--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray210
No current catalog entries are tagged with this value.
ms-borderColor-gray210--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray220
No current catalog entries are tagged with this value.
ms-borderColor-gray220--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray30
No current catalog entries are tagged with this value.
ms-borderColor-gray30--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray40
No current catalog entries are tagged with this value.
ms-borderColor-gray40--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray50
No current catalog entries are tagged with this value.
ms-borderColor-gray50--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray60
No current catalog entries are tagged with this value.
ms-borderColor-gray60--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray70
No current catalog entries are tagged with this value.
ms-borderColor-gray70--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray80
No current catalog entries are tagged with this value.
ms-borderColor-gray80--hover
No current catalog entries are tagged with this value.
ms-borderColor-gray90
No current catalog entries are tagged with this value.
ms-borderColor-gray90--hover
No current catalog entries are tagged with this value.
ms-borderColor-green
3 samples
- Approval Status Hover Card (column)
- Custom Hover Card (View) (view)
- ContentType Variations (view)
ms-borderColor-green--hover
No current catalog entries are tagged with this value.
ms-borderColor-greenDark
No current catalog entries are tagged with this value.
ms-borderColor-greenDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-greenLight
1 sample
- Status Header and Footer (form)
ms-borderColor-greenLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-magenta
No current catalog entries are tagged with this value.
ms-borderColor-magenta--hover
No current catalog entries are tagged with this value.
ms-borderColor-magentaDark
No current catalog entries are tagged with this value.
ms-borderColor-magentaDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-magentaLight
No current catalog entries are tagged with this value.
ms-borderColor-magentaLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralDark
No current catalog entries are tagged with this value.
ms-borderColor-neutralDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralLight
12 samples
- Team Poll (view)
- Elf Progress Board (view)
- Video Gallery (view)
- Video Embed Codes (view)
- Status Header and Footer (form)
- Issue Tracker: Planner Cards (view)
- Modern Event Tiles (view)
- Twitter Timeline (view)
- Document Library Thumbnails (view)
- Request Sign-off (view)
- Resource Catalog Sample (view)
- Retail Accounts (view)
ms-borderColor-neutralLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralLighter
4 samples
- Team Poll (view)
- Elf Progress Board (view)
- Display a Bing Maps Image for a Location (column)
- Retail Accounts (view)
ms-borderColor-neutralLighter--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralLighterAlt
No current catalog entries are tagged with this value.
ms-borderColor-neutralLighterAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralPrimary
1 sample
- Elf Progress Board (view)
ms-borderColor-neutralPrimary--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralPrimaryAlt
No current catalog entries are tagged with this value.
ms-borderColor-neutralPrimaryAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralQuaternary
1 sample
- Custom Header (view)
ms-borderColor-neutralQuaternary--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralQuaternaryAlt
No current catalog entries are tagged with this value.
ms-borderColor-neutralQuaternaryAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralSecondary
1 sample
- Timeline (view)
ms-borderColor-neutralSecondary--hover
1 sample
- Team Poll (view)
ms-borderColor-neutralSecondaryAlt
3 samples
- Custom Hover Card (Column) (column)
- Approval Status Hover Card (column)
- Custom Hover Card (View) (view)
ms-borderColor-neutralSecondaryAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-neutralTertiary
1 sample
- Team Poll (view)
ms-borderColor-neutralTertiary--hover
1 sample
- Modern Event Tiles (view)
ms-borderColor-neutralTertiaryAlt
No current catalog entries are tagged with this value.
ms-borderColor-neutralTertiaryAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-orange
No current catalog entries are tagged with this value.
ms-borderColor-orange--hover
No current catalog entries are tagged with this value.
ms-borderColor-orangeLight
2 samples
- Status Header and Footer (form)
- ContentType Variations (view)
ms-borderColor-orangeLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-orangeLighter
No current catalog entries are tagged with this value.
ms-borderColor-orangeLighter--hover
No current catalog entries are tagged with this value.
ms-borderColor-purple
No current catalog entries are tagged with this value.
ms-borderColor-purple--hover
No current catalog entries are tagged with this value.
ms-borderColor-purpleDark
No current catalog entries are tagged with this value.
ms-borderColor-purpleDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-purpleLight
No current catalog entries are tagged with this value.
ms-borderColor-purpleLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-red
No current catalog entries are tagged with this value.
ms-borderColor-red--hover
No current catalog entries are tagged with this value.
ms-borderColor-redDark
2 samples
- ContentType Variations (view)
- Request Sign-off (view)
ms-borderColor-redDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlue10
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlue10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta10
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta20
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta30
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta30--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta40
No current catalog entries are tagged with this value.
ms-borderColor-sharedBlueMagenta40--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan10
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan20
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan30
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan30--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan40
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyan40--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyanBlue10
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyanBlue10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyanBlue20
No current catalog entries are tagged with this value.
ms-borderColor-sharedCyanBlue20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray10
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray20
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray30
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray30--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray40
No current catalog entries are tagged with this value.
ms-borderColor-sharedGray40--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreen10
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreen10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreen20
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreen20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreenCyan10
No current catalog entries are tagged with this value.
ms-borderColor-sharedGreenCyan10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagenta10
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagenta10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagenta20
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagenta20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagentaPink10
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagentaPink10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagentaPink20
No current catalog entries are tagged with this value.
ms-borderColor-sharedMagentaPink20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange10
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange20
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange30
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrange30--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrangeYellow10
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrangeYellow10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrangeYellow20
No current catalog entries are tagged with this value.
ms-borderColor-sharedOrangeYellow20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedPinkRed10
No current catalog entries are tagged with this value.
ms-borderColor-sharedPinkRed10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedRed10
No current catalog entries are tagged with this value.
ms-borderColor-sharedRed10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedRed20
No current catalog entries are tagged with this value.
ms-borderColor-sharedRed20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedRedOrange10
No current catalog entries are tagged with this value.
ms-borderColor-sharedRedOrange10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedRedOrange20
No current catalog entries are tagged with this value.
ms-borderColor-sharedRedOrange20--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedYellow10
No current catalog entries are tagged with this value.
ms-borderColor-sharedYellow10--hover
No current catalog entries are tagged with this value.
ms-borderColor-sharedYellowGreen10
No current catalog entries are tagged with this value.
ms-borderColor-sharedYellowGreen10--hover
No current catalog entries are tagged with this value.
ms-borderColor-teal
No current catalog entries are tagged with this value.
ms-borderColor-teal--hover
No current catalog entries are tagged with this value.
ms-borderColor-tealDark
No current catalog entries are tagged with this value.
ms-borderColor-tealDark--hover
No current catalog entries are tagged with this value.
ms-borderColor-tealLight
No current catalog entries are tagged with this value.
ms-borderColor-tealLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-themeDark
3 samples
- Glossary View Formatters (view)
- Published Version (column)
- FAQs (view)
ms-borderColor-themeDark--hover
1 sample
- Published Version (column)
ms-borderColor-themeDarkAlt
No current catalog entries are tagged with this value.
ms-borderColor-themeDarkAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-themeDarker
No current catalog entries are tagged with this value.
ms-borderColor-themeDarker--hover
No current catalog entries are tagged with this value.
ms-borderColor-themeLight
No current catalog entries are tagged with this value.
ms-borderColor-themeLight--hover
No current catalog entries are tagged with this value.
ms-borderColor-themeLighter
No current catalog entries are tagged with this value.
ms-borderColor-themeLighter--hover
No current catalog entries are tagged with this value.
ms-borderColor-themeLighterAlt
1 sample
- Chronological Items (view)
ms-borderColor-themeLighterAlt--hover
No current catalog entries are tagged with this value.
ms-borderColor-themePrimary
7 samples
- Page-a-day Calendar (column)
- Compressed Date (column)
- Demote News to Site Page (column)
- Clipboards (view)
- Event Itinerary Header (form)
- Testimonials (view)
- Bulletin Board (view)
ms-borderColor-themePrimary--hover
1 sample
- Horse Crests (view)
ms-borderColor-themeSecondary
No current catalog entries are tagged with this value.
ms-borderColor-themeSecondary--hover
1 sample
- Department Members List (view)
ms-borderColor-themeTertiary
No current catalog entries are tagged with this value.
ms-borderColor-themeTertiary--hover
No current catalog entries are tagged with this value.
ms-borderColor-white
4 samples
- Department Members List (view)
- Head of Business Unit Overview (view)
- Team Poll (view)
- Horse Crests (view)
ms-borderColor-white--hover
No current catalog entries are tagged with this value.
ms-borderColor-yellow
1 sample
- Status Header and Footer (form)
ms-borderColor-yellow--hover
1 sample
ms-borderColor-yellowLight
No current catalog entries are tagged with this value.
ms-borderColor-yellowLight--hover
No current catalog entries are tagged with this value.