Ruby Coin

Rails 와 프론트 엔드 기술을 이용해 흥미 위주의 빠른 웹 개발 방법론

코스 전체목록

닫기

style

정의

style요소는 스타일 정보를 문서에 포함시킵니다.

속성

  • media : 스타일이 적용될 매체를 나타냅니다.
  • type : 스타일 언어를 나타냅니다.
  • scoped : 불리언 속성으로, 이것이 설정되었다면 문서 전체가 아니라 스타일 요소의 부모요소에서 나온 서브트리에만 적용됩니다.

설명

  • media속성이 생략되었다면 기본값은 "all"입니다.
  • type속성이 존재하지 않는다면, 기본값은 "text/css"입니다.

예제

<!DOCTYPE html>
<html lang="en-US">
    <head>
        <title>My favorite book</title>
        <style>
            body { color: black; background: white; }
            em { font-style: normal; color: red; }
        </style>
    </head>
    <body>
        <p>생활코딩의 세계에 오신 것을 환영합니다. 
        생활코딩은 일반인들에게 프로그래밍을 알려주는 것을 
        목적으로 하는 비영리 활동입니다. 그간 프로그래머들이 
        이룩한 성취를 일반에 알려서 고독한 프로그래머들의 
        관객을 모객하는 활동이기도 합니다. 생활코딩은 세 
        가지로 구성되어 있습니다.</p>
    </body>
</html>

댓글

오류나 오타 신고 환영합니다. ^^;;
(도와주세요!)

댓글 본문
  1. 띠링
    type은 현재는 text/css만 지원하는군요.
    https://www.w3schools.com......asp
    리체님 덕분에 편하게 공부하고 있습니다!
  2. 푸른하늘
    8
  3. Computer
    media type scoped는 어떻게 사용하나요?
  4. Anto
    수고에 감사드립니다. ~~
    '모객'이 오타인가 ? 검색을 해 봤는데요

    모객(募客)
    모집고객(募集顧客)의 줄임말로 여행사 등에서 여행객을 모집할때 많이쓰는 단어입니다.(네이버 국어사전)

    코드 공부하다가 국어 공부도 했습니다. ㅎㅎ
graphittie 자세히 보기