Border on span [Answered]RSS

• • Reply
  dlchase

  Member

  308 Points

  1391 Posts

  Border on span

  Feb 10, 2017 09:27 PM|dlchase|LINK

  We have several span's (asp:Label) controls inside a DIV.  Is it possible to put a border line on the right edge of the span?  All spans are different widths within the DIV.  Thanks.

  DavidInBD
• • Reply
  Rion William...

  All-Star

  113010 Points

  18360 Posts

  MVP

  Re: Border on span

  Feb 10, 2017 09:44 PM|Rion Williams|LINK

  Sure, you simply need to set a CSS style for it along with a little bit of padding so that it doesn't clash directly with your contents :

  <style>
  span {
    border-right: 4px solid red;
    padding-right: 4px;
  }
  </style>

  Your selector may need to be a bit more specific based on your exact needs or if you have any other styles being applied to such elements.

  Blog | Twitter | Stack Overflow | LinkedIn
• • Reply
  dlchase

  Member

  308 Points

  1391 Posts

  Re: Border on span

  Feb 10, 2017 10:01 PM|dlchase|LINK

  Since I don't want it on every span in the page I created a class named borderright and added it in code but it does not show up.  Below is my css and my code.

  .borderright 
  {
      border-right: 4px solid black;
      padding-right: 4px;
  }
  
  
  lblSoldMonth.CssClass = "borderright bgorange left"

  DavidInBD
• • Reply
  dlchase

  Member

  308 Points

  1391 Posts

  Re: Border on span

  Feb 10, 2017 10:38 PM|dlchase|LINK

  I set the style in code as shown below and it works great. Thanks.

  lblSoldWeek.Style("border-right") = "1px solid black"
  lblSoldWeek.Style("padding-right") = "4px"
  

  DavidInBD