Za pomocą wartości none właściwości quotes możemy sprawić, że do zawartości interesującego nas elementu HTML nie mogą zostać dodane żadne dodatkowe cudzysłowy.
quotes:none;
ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych
Do zawartości przykładowego elementu "div" za pomocą selektora "::before" oraz wartości "open-quote" właściwości "content" lub za pomocą selektora "::after" oraz wartości "close-quote" właściwości "content" nie mogą zostać dodane żadne dodatkowe cudzysłowy, ponieważ do wspomnianego elementu "div" została dodana właściwość "quotes" wraz z wartością "none".
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
quotes:none;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
div::before {
content:open-quote;
color:blue;
background-color:white;
}
div::after {
content:close-quote;
color:blue;
background-color:white;
}
</style>
</head>
<body>
<div>
ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych
</div>
</body>
</html>
Za pomocą właściwości quotes oraz z góry zdefiniowanego wzorca wartości możemy określić typ dodatkowych cudzysłowów, jakie mogą zostać dodane do zawartości interesującego nas elementu HTML.
- open-sign
-
Składnik open-sign jest wymaganym składnikiem wzorca wartości właściwości quotes. Składnik open-sign określa typ cudzysłowu otwierającego, który może zostać dodany do zawartości interesującego nas elementu HTML.
- close-sign
-
Składnik close-sign jest wymaganym składnikiem wzorca wartości właściwości quotes. Składnik close-sign określa typ cudzysłowu zamykającego, który może zostać dodany do zawartości interesującego nas elementu HTML.
quotes:'›››' '‹‹‹';
ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych
Cudzysłów otwierający, jaki może zostać dodany do początkowej zawartości przykładowego elementu "div" posiada postać "›››", natomiast cudzysłów zamykający, jaki może zostać dodany do końcowej zawartości przykładowego elementu "div" posiada postać "‹‹‹", ponieważ do wspomnianego elementu "div" została dodana właściwość "quotes" wraz z następującymi wartościami: " '›››' '‹‹‹' ".
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
quotes:'›››' '‹‹‹';
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
div::before {
content:open-quote;
color:blue;
background-color:white;
}
div::after {
content:close-quote;
color:blue;
background-color:white;
}
</style>
</head>
<body>
<div>
ten tekst wyświetlony w oknie przeglądarki internetowej został umieszczony w zawartości tego przykładowego elementu "div" wyłącznie w celach prezentacyjnych
</div>
</body>
</html>
