How to set a border for an HTML div tag

Question

I am trying to define a border around a div tag in HTML   In some browsers the border does not appear   Here is my HTML code    x000D   x000D   lt div id  divActivites  name  divActivites  style  border thin  gt  x000D       lt textarea id  inActivities  name  inActivities  style  border solid  gt  x000D       lt  textarea gt   x000D   lt  div gt   x000D   x000D   x000D    How do I set a border for an HTML div tag

User · Answer

can use  border-width 2px  border-style solid  border-color black    or as shorthand  border  2px solid black

User · Answer

As per the W3C      Since the initial value of the border styles is  none   no borders will be visible unless the border style is set    In other words  you need to set a border style  e g  solid  for the border to show up  border thin only sets the width  Also  the color will by default be the same as the text color  which normally doesn t look good    I recommend setting all three styles   style  border  thin solid black

User · Answer

In bootstrap 4  you can use border utilities like so     x000D   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt link href  https   stackpath bootstrapcdn com bootstrap 4 1 3 css bootstrap min css  rel  stylesheet    gt  x000D   lt script src  https   stackpath bootstrapcdn com bootstrap 4 1 3 js bootstrap min js  gt  lt  script gt  x000D   x000D   lt style gt  x000D     border-5   x000D      border-width  5px  important  x000D      x000D   lt  style gt  x000D   x000D   lt textarea class  border border-dark border-5  gt some content lt  textarea gt  x000D   x000D   x000D

User · Answer

I guess this is where you are pointing at      lt div id  divActivites  name  divActivites  style  border thin  gt       lt textarea id  inActivities  name  inActivities  style  border solid  gt       lt  textarea gt    lt  div gt     Well  it must be written as border-width thin  Here you go with the link  click here  check out the different types of Border-styles  you can also set the border width by writing the width in terms of pixels    like border-width 1px   minimum width is 1px

User · Answer

lt style gt  p border  1px solid red  div border  5px solid blue           Call me Ishmael           Just don t call me late for dinner       Call me Ishmael      Just don t call me late for dinner

User · Answer

Try being explicit about all the border properties   For example   border 1px solid black    See Border shorthand property   Although the other bits are optional some browsers don t set the width or colour to a default you d expect   In your case I d bet that it s the width that s zero unless specified

User · Answer

You need to set more fields then just border-width  The style basically puts the border on the page  Width controls the thickness  and color tells it what color to make the border    border-style  solid  border-width thin  border-color   FFFFFF

User · Answer

You can use   border-style  solid  border-width  thin  border-color   FFFFFF    You can change these as you see fit  though

User · Answer

centerImge           display  block          margin-left  auto          margin-right  auto          width  50           height 50           lt div gt    foreach  var item in Model     lt span gt   lt img src   item Thumbnail   class  centerImge    gt  lt  span gt     lt h3 style  text-align center  gt    item CategoryName lt  h3 gt      lt  div gt

[html] How to set a border for an HTML div tag

Examples related to html

Examples related to css

Examples related to border