<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><figure class="quote"><figcaption><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <cite>Opera Reader: Paging the Web</cite>
(<time>2015-07-28 11:59:24 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://people.opera.com/howcome/2011/reader/#navigation">http://people.opera.com/howcome/2011/reader/#navigation</anchor-external></p></figcaption><blockquote><p>The new at-rule – @-o-navigation – can look something like thhis:</p><p>@-o-navigation {</p><p>nav-up: -o-url-doc(/);</p><p>nav-down: url(a1.html);</p><p>nav-right: -o-link-rel(next);</p><p>nav-left: -o-go(back);          </p><p>}</p><p>The four new properties are pretty self explanatory – nav-up is what you want to navigate to when the page is moved up, and so on. Let's now talk through the four different values that the properties can take:</p><p>-o-url-doc(path): The path specified is a relative path to the HTML document, for example / to go to the root document.</p><p>url(path): The path specified is a standard URL to a file, and can be of any type that url() normally accepts (for example in background-image: url();).</p><p>-o-link-rel(value): The value is a rel attribute value from a &lt;link&gt; element. For example, when you specify next, the browser looks for a &lt;link&gt; element in the &lt;head&gt;, and then takes its href value as the document to navigate to.</p><p>-o-go(value): in this case, the value can be forward or back – these instruct the browser to go forward or back in its history.</p></blockquote></figure></body></html>