본문 바로가기

CSS

display

strong은 inline 속성을 갖고 있다. strong의 width, height는 변경되지 않는다. 텍스트 기반이라 너비 개념이 없다.

padding 속성을 주면 좌,우는 적용되지만 상,하는 실제 줄간격이 변경되지 않고 배경색을 적용한 경우에만 두께가 달라진다.

strong의 display 속성을 block으로 바꾸기 위해선 display:block;

표시하고 싶지 않다면 display:none;


이미지는 inline 속성을 갖고 있지만 너비와 높이 지정이 가능하다. 그래서 inline-block 속성을 갖고 있다고 해야한다.


1
2
3
4
5
6
7
strong.bold{
    background-color:blue;
    display:inline-block;
    padding:10px;
    width:100px;
    height:100px;
}
cs

1
2
3
4
5
6
7
strong.bold{
    background-color:blue;
    display:inline;
    padding:10px;
    width:100px;
    height:100px;
}
cs

1
2
3
4
5
6
7
strong.bold{
    background-color:blue;
    display:block;
    padding:10px;
    width:100px;
    height:100px;
}
cs


'CSS' 카테고리의 다른 글

상속 inheritance  (0) 2018.10.07
버티컬 얼라인 vertical align  (0) 2018.10.07
마진 병합 margin collapsing  (0) 2018.10.07
라인 하이트 line-height  (0) 2018.10.07
가운데 정렬, negative margin  (0) 2018.10.06