CSS Keywords

{object_name}

CSS Image Module

  • Gradients

    • Ending Shape

      • circle

        정원 형태로 표현한다.

      • ellipse

        타원 형태로 표현한다.

    • Extent Keywords

      • closest-corner

        그라디언트의 모양은 그라디언트의 중심에 가장 가까운 그라디언트 상자의 모서리를 통과하도록 크기가 조정된다.

      • closest-side

        그라디언트의 모양은 그라디언트의 중심에 가장 가까운 그라디언트 상자의 측면과 정확히 일치하도록 크기가 조정된다.

      • farthest-corner

        그라디언트의 모양이 가장 먼 모서리를 기준으로 크기가 조정된다는 점을 제외하면 closest-corner 값과 동일하다.

      • farthest-side

        그라디언트의 모양이 가장 먼쪽을 기준으로 크기가 지정된다는 점을 제외하고는 closest-side 값과 동일하다.

  • Image Processing

    • auto

      스케일링 알고리즘은 User-Agent 에 따라 다르게 적용될 수 있다.

    • crisp-edges

      이미지는 대비와 가장자리를 유지하고 색상을 부드럽게 하거나 프로세스에서 이미지에 흐림을 유발하지 않는 방식으로 크기가 조정된다.

    • flip

      회전 후 이미지가 수평으로 반전된다.

    • from-image

      이미지의 방향이 EXIF와 같이 메타 데이터에 지정된 경우 이 값은 이미지의 방향을 올바르게 지정하는데 필요한 메타 데이터가 지정하는 각도로 계산된다. 필요한 경우 이 각도는 반올림되고 정규화된다.

    • high-quality

      smooth와 동일하지만 고품질 스케일링으로 처리한다. 시스템 리소스가 제한된 경우 품질을 어느 정도 저하시킬지 고려할 때 다른 값보다 높은 품질의 이미지가 우선된다.

    • none

      추가 회전이 적용되지 않는다. 이미지가 인코딩된 방향으로 지정된다.

    • pixelated

      이미지는 가능한 원본의 픽셀화된 특성을 유지하지만 필요한 경우 어색한 왜곡 대신 약간의 smooth을 허용하는 방식으로 크기가 조정된다.

    • smooth

      이미지의 모양을 최대화하는 알고리즘으로 이미지의 크기를 조정한다. 특히 쌍선형 보간과 같이 색을 부드럽게하는 스케일링 알고리즘이 허용된다.

  • Sizing Images and Objects in CSS

    • contain

      대체된 콘텐츠의 크기는 요소의 콘테츠 상자에 맞으면서 자연스러운 종횡비를 유지하도록 조정된다.

    • cover

      대체된 콘텐츠는 종횡비를 유지하면서 요소의 콘텐츠 상자 전체를 채우도록 크기가 조정된다.

    • fill

      대체된 내용은 요소의 콘텐츠 상자를 채우도록 크기가 조정된다.

    • none

      대체된 콘텐츠는 요소의 콘텐츠 상자에 맞게 크기가 조정되지 않는다. 지정된 크기가 없는 기본 크기 조정 알고리즘을 사용하여 개체의 크기를 결정한다. 기본 개체의 크기는 대체된 요소의 사용된 너비 및 높이와 동일하다.

    • scale-down

      none 또는 contain이 지정된 것처럼 콘텐츠의 크기를 조정한다.

©2024 devdic.com, Korea

출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.

master@cydemy.com