HTML div 태그의 테두리를 설정하는 방법

HTML div 태그의 테두리를 설정하는 방법

HTML의 div 태그 주변에 테두리를 정의하려고 합니다. 일부 브라우저에서는 테두리가 나타나지 않습니다.

여기 제 HTML 코드가 있습니다.

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

HTML div 태그의 테두리는 어떻게 설정합니까?

모든 테두리 속성에 대해 명시적으로 설명해 보십시오.예를 들어,

border:1px solid black;

테두리 축약 속성을 참조하십시오.다른 비트는 선택 사항이지만 일부 브라우저는 너비나 색상을 예상한 기본값으로 설정하지 않습니다.고객님의 경우는 특별히 명시하지 않는 한 폭이 0일 것입니다.

쓸 수 있는

border-width:2px;
border-style:solid;
border-color:black;

또는 속기로

border: 2px solid black

W3C 기준:

테두리 스타일의 초기 값이 '없음'이므로 테두리 스타일을 설정하지 않으면 테두리가 보이지 않습니다.

즉, 테두리 스타일(예: 테두리 스타일)을 설정해야 합니다.solid경계가 나타나도록 합니다.border:thin너비만 설정합니다.또한 기본적으로 색상은 텍스트 색상과 동일합니다(일반적으로 보기 좋지 않음).

세 가지 스타일을 모두 설정하는 것이 좋습니다.

style="border: thin solid black"

다음을 사용할 수 있습니다.

border-style: solid;
border-width: thin;
border-color: #FFFFFF;

그래도 당신이 적합하다고 생각하는 대로 바꿀 수 있습니다.

여기가 당신이 가리키고 있는 곳인 것 같네요.

<div id="divActivites" name="divActivites" style="border:thin">
    <textarea id="inActivities" name="inActivities" style="border:solid">
    </textarea> 
</div> 

음. 다음과 같이 적어야 합니다.border-width:thin

여기 링크로 이동합니다(여기 클릭) 여러 가지 유형의 테두리 스타일을 확인합니다.

너비를 픽셀 단위로 작성하여 테두리 너비를 설정할 수도 있습니다.(경계 너비:1px와 같이) 최소 너비는 1px입니다.

경계 너비만 설정하는 것보다 더 많은 필드를 설정해야 합니다.스타일은 기본적으로 페이지에 테두리를 둡니다.너비는 두께를 조절하고 색상은 테두리를 만들 색을 알려줍니다.

border-style: solid; border-width:thin; border-color: #FFFFFF;

 .centerImge {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
        height:50%;
    }
 <div>
 @foreach (var item in Model)
{
<span> <img src="@item.Thumbnail"  class="centerImge" /></span>
  <h3 style="text-align:center">  @item.CategoryName</h3>
}
 </div>

부트스트랩 4에서는 이렇게 경계 유틸리티를 사용할 수 있습니다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

<style>
  .border-5 {
    border-width: 5px !important;
  }
</style>

<textarea class="border border-dark border-5">some content</textarea>

언급URL : https://stackoverflow.com/questions/2020496/how-to-set-a-border-for-an-html-div-tag