CSS 대상 이름 속성을 사용하는 방법-CSS 튜토리얼-php.cn

집

웹 프론트엔드

CSS 튜토리얼

CSS 대상 이름 속성을 사용하는 방법

silencement

May 27, 2019 pm 03:28 PM

CSS 대상 이름 속성을 사용하는 방법

css target-name 속성 정의 및 사용법

css에서 target-name 속성은 하이퍼링크를 열 위치를 지정하는 데 사용됩니다. 위치 세 가지 속성에 대해 대상 약어 속성을 사용할 수 있습니다. 대상 속성은 하나의 명령문에서 이 세 가지 속성을 동시에 정의할 수 있습니다. target-name 속성은 CSS3의 새로운 속성입니다. 현재 주류 브라우저는 이 속성을 지원하지 않습니다.

target-name 속성 구문 형식

css 구문: target-name: current/root/parent/new/modal/name

JavaScript 구문: object.style.targetName="new"

속성 값 설명

current: 링크가 위치한 프레임, 탭, 창에서 하이퍼링크 열기

root: 현재 탭이나 창에서 하이퍼링크 열기

parent: 부모 프레임에서 하이퍼링크 열기. 현재 프레임에 상위 프레임이 없으면 이 값은 루트로 처리됩니다.

new: 새 대상 만들기

modal: 새(임시 생성된) 모달 창에서 새 창 열기

name: 기존 프레임에서 열기 , 창 또는 탭에 링크를 추가하세요. 이름 대상이 존재하지 않으면 해당 이름을 사용하여 새 대상

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 target-name属性规定在何处打开超链接</title>
<style type="text/css">
a{target-name:new;}
</style>
</head>
<body>
<p>目前没有浏览器支持target-name属性！</p>
<a href="https://www.ggbiji.com">欢迎访问php中文网</a>
</body>
</html>

로그인 후 복사

실행 결과

현재 대상 이름 속성을 지원하는 브라우저가 없으며 실행 결과가 아직 제공되지 않습니다!

위 내용은 CSS 대상 이름 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.