HTML DOM 스타일 fontVariant 속성은 글꼴을 작은 대문자로 변환해야 하는지 여부를 설정하거나 반환하는 데 사용됩니다. 작은 대문자에서는 모든 소문자가 소문자와 같은 크기로 대문자로 변환됩니다. 대문자는 영향을 받지 않습니다. 다음은 −의 구문입니다. fontVariant 속성 설정하기 - object.style.fontVariant = "normal|small-caps|initial|inherit" 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 보통 글꼴은 일반으로 설정되며
HTML DOM fontWeight 속성은 요소의 텍스트 문자의 두께를 설정하거나 반환하는 데 사용됩니다. 다음은 −의 구문입니다. fontWeight 속성 설정 - object.style.fontWeight = "normal|lighter|bold|bolder|value|initial|inherit" 위의 속성은 다음과 같이 설명됩니다. 값 설명 보통 기본값이며 글꼴을 변경하지 않습니다. 가벼움 폰티스 라이터 굵게 가벼운 것보다 두꺼운 글꼴로 글꼴을 설정합니다. 굵게
HTML DOM Style height 속성은 요소의 높이를 설정하거나 반환하는 데 사용됩니다. 다음은 −의 구문입니다. 높이 속성 설정 - object.style.height = "auto|length|%|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 자동 기본값이며 브라우저에서 설정한 높이입니다. 길이 브라우저 높이를 길이 단위로 초기화합니다. % 상위 요소에 대한 상대적 백분율로 하위 요소 높이를 설정합니다. 초기 이 속성을 초기
HTML DOM 스타일 격리 속성은 요소가 새 스택 콘텐츠를 생성해야 하는지 여부를 정의하기 위한 것입니다. 이 속성은 주로 별도의 스택 요소를 생성하여 요소가 백그라운드에서 혼합되는 것을 방지하는 데 사용됩니다. 다음은 −의 구문입니다. 격리 속성 설정 - object.style.isolation = "auto|isolate|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 자동 높이 설정을 위한 기본 속성입니다. 길이 길이 단위로 높이를 정의하기 위한 것
HTML DOM justifyContent 속성은 사용 가능한 공간을 모두 차지하지 않을 때 플렉스 항목을 기본 축에 수평으로 정렬하는 데 사용됩니다. 다음은 −의 구문입니다. justifyContent 속성 설정 - object.style.justifyContent = "flex-start|flex-end|center|space-between|space-around|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 플렉스 시작 컨테이너 시작 부분에 항목을 배치하고
HTML DOM Style 표시 속성은 요소의 표시 유형을 설정하거나 반환하는 데 사용됩니다. 요소는 대부분 블록 또는 인라인입니다. display:none을 사용하여 요소를 숨길 수도 있습니다. 다음은 −의 구문입니다. 표시 속성 설정 - object.style.display = value 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 인라인 요소를 인라인 요소로 표시하는 경우, 즉 너비 및 높이 속성은 효과가 없습니다. 블록 블록 요소는 새 줄에 표시되고 전체 너비를 사용합니다. 내용
HTML DOM 스타일 emptyCells 속성은 테이블의 빈 셀이 표시되는 방식을 지정하는 데 사용됩니다. 기본적으로 이 속성은 표시되도록 설정되어 있습니다. 다음은 −의 구문입니다. emptyCells 속성 설정 - empty-cells: show|hide|initial|inherit; 여기서 표시는 빈 셀의 테두리를 표시하지만 숨기기는 표시하지 않습니다. 초기는 기본값으로 설정하고 상속은 상위 속성 값을 상속합니다. emptyCells 속성에 대한 예를 살펴보겠습니다 - 예시 <!DOCTYPE html> &l
HTML DOM 스타일 필터 속성은 요소에 시각 효과를 정의하는 데 사용됩니다. 다음은 −의 구문입니다. 필터 속성 설정 - object.style.filter = "none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia()" 위의 속성 값은 다음과 같이 설명됩니다 - 필터 설명 없음 효과를 지정하지 않습니다. 흐
HTML DOM 스타일 flex 속성은 display 속성이 flex로 설정된 요소의 유연한 길이를 설정하거나 반환하는 데 사용됩니다. flexGrow, flexShrink 및 flexBasis 속성을 조작하는 데 사용됩니다. 다음은 −의 구문입니다. 플렉스 속성 설정하기 - object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit" 다음은 값입니다 - 값 설명 플렉스 성장 유연한 항목의 나머지 부분과 관련하여 주어진
HTML DOM 스타일 flexBasis 속성은 플렉스 디스플레이가 있는 요소의 초기 크기를 지정하는 데 사용됩니다. flexBasis 속성은 flex-basis의 auto보다 다른 값의 너비보다 우선 순위가 높습니다. 다음은 −의 구문입니다. flexBasis 속성 설정하기 - object.style.flexBasis = "number|auto|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 숫자 유연한 항목의 초기 길이를 백분율 또는 모든 법적 길이 단위로 지정
HTML DOM 스타일 flexDirection 속성은 플렉스 요소의 배치 방향을 설정하거나 반환하는 데 사용됩니다. 다음은 −의 구문입니다. flexDirection 속성 설정하기 - object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 행 이는 플렉스 항목을 가로 행으로 표시하며 기본값입니다. 행 반전 플렉스 항목을 가로로 표시하지만 행의
HTML DOM 스타일 flexFlow 속성은 요소의 flexDirection 및 flexWrap 속성을 지정하는 데 사용됩니다. flexDirection 및 flexWrap의 약어이며 동일한 순서로 값을 허용합니다. 다음은 −의 구문입니다. flexFlow 속성 설정하기 - object.style.flexFlow = "flex-direction flex-wrap|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 플렉스 방향 유연한 항목 방향을 지정하는 데 사용되며
HTML DOM 스타일 flexGrow 속성은 요소가 플렉스 요소 내부의 크기를 수용하는 비율을 설정하는 데 사용됩니다. 단위 없는 숫자 값을 허용합니다. 다음은 −의 구문입니다. flexGrow 속성 설정하기 - object.style.flexGrow = "number|initial|inherit" 여기서 number는 다른 요소에 비례하여 요소가 얼마나 증가하는지 지정하며 기본값은 0입니다. Initial은 속성 값을 기본값으로 설정하고 상속은 상위 속성 값으로 설정합니다. flexGrow 속성에 대한
HTML DOM 스타일 flexShrink 속성은 flex 요소 내부의 형제에 대해 요소의 크기가 축소되는 비율을 설정하는 데 사용됩니다. 다음은 −의 구문입니다. flexShrink 속성 설정하기 - object.style.flexShrink = "number|initial|inherit" 여기서 숫자는 요소가 다른 요소에 비례하여 축소되는 정도를 지정하며 기본값은 0입니다. 초기는 속성 값을 기본값으로 설정하고 상속은 상위 속성 값으로 설정합니다. flexShrink 속성에 대한 예를 살펴보겠습니다 -
HTML DOM 스타일 flexWrap 속성은 flex 요소 내부의 요소가 래핑되는 방식을 지정하는 데 사용됩니다. 다음은 −의 구문입니다. flexWrap 속성 설정하기 - object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit" 위의 속성은 다음과 같이 설명됩니다 - 값 설명 나우랩 유연한 항목이 래핑되지 않도록 지정하는 기본값입니다. 랩 필요한 경우 유연한 항목이 줄 바꿈되도록 지정합니다. 랩-리버스 필요한 경
HTML DOM columnRuleColor 속성은 열 사이의 규칙 색상을 설정하거나 반환하는 데 사용됩니다. 다음은 −의 구문입니다. columnRuleColor 속성 설정 - object.style.columnRuleColor = "color|initial|inherit" 여기서 color는 규칙의 색상을 지정합니다. Initial은 값을 기본값으로 설정하고 inherit는 상위 속성 값으로 설정합니다. columnRuleColor 속성의 예를 살펴보겠습니다 - 예시 <!DOCTYPE html>
HTML DOM 스타일 columnRuleStyle 속성은 열 규칙의 스타일을 정의하거나 반환하는 데 사용됩니다. 다음은 −의 구문입니다. columnRuleStyle 속성 설정 - object.style.columnRuleStyle = "none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset| initial|inherit" 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 없음 규칙을 지정하지 않는 기본값입니다. 숨김 이것은 없음과 동일
HTML DOM columnRuleWidth 속성은 열 규칙 너비를 설정하거나 가져오는 데 사용됩니다. 다음은 −의 구문입니다. columnRuleWidth 속성 설정 - object.style.columnRuleWidth = "medium|thin|thick|length|initial|inherit" 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 얇음 가는 규칙을 지정합니다. 중간 중간 규칙을 지정하며 기본값입니다. 두꺼움 가는 규칙을 지정합니다. 길이 규칙 너
HTML DOM 열 속성은 columnWidth 및 columnCount 속성을 조작하는 데 사용됩니다. 다음은 −의 구문입니다. 열 속성 설정 - object.style.columns = "auto|column-width column-count|initial|inherit" 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 자동 열 너비 및 열 개수를 자동으로 설정하고 기본값입니다. 열 너비 열 너비를 지정합니다. 열 개수 열 번호를 지정합니다. 초기 이 속성을 초
HTML DOM columnSpan 속성은 요소가 여러 열에 걸쳐 있는 방식을 지정하는 데 사용됩니다. 다음은 −의 구문입니다. columnSpan 속성 설정 - object.style.columnSpan = "1|all|initial|inherit" 위의 속성 값은 다음과 같이 설명됩니다 - 값 설명 1 이렇게 하면 요소가 정확히 한 열에 걸쳐 있고 이것이 기본값입니다. 전체 요소는 모든 열에 걸쳐 있어야 합니다. 초기 이 속성을 초기 값으로 초기화합니다. 상속 상위