IT박스

CSS 'content'속성의 줄 바꿈 문자 시퀀스?

itboxs 2020. 7. 19. 10:52
반응형

CSS 'content'속성의 줄 바꿈 문자 시퀀스? [복제]


이 질문에는 이미 답변이 있습니다.

CSS 속성 에서 줄 바꿈 문자 를 사용하여 줄 바꿈 을 할 수 content있습니까? 다음과 같은 것 :

figcaption:before
{
    content: 'Figure \n' + attr(title);
}

컨텐츠 속성은 받아 문자열 및 :

문자열은 개행을 직접 포함 할 수 없습니다. 문자열에 줄 바꿈을 포함 시키려면 ISO-10646 (U + 000A)의 줄 바꿈 문자 (예 : "\ A"또는 "\ 00000a")를 나타내는 이스케이프를 사용하십시오. 이 문자는 CSS에서 "newline"이라는 일반적인 개념을 나타냅니다.

(실제 브라우저 지원에 대해서는 전혀 모른다.)


figcaption:before
{
    content: 'Figure \a' attr(title);
    white-space: pre;
}

에 있습니다 content속성 값, 연결이 아닌 "+"기호, 그냥 공백으로 표현된다. \aCSS 문자열 리터럴 의 이스케이프 표기법 은 줄 바꿈 문자를 나타냅니다.

참고 URL : https://stackoverflow.com/questions/9062988/newline-character-sequence-in-css-content-property

반응형