carto
Version:
Mapnik Stylesheet Compiler
258 lines (157 loc) • 9.56 kB
HTML
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CartoCSS — carto documentation</title>
<link rel="stylesheet" href="_static/css/theme.css" type="text/css" />
<link rel="index" title="Index"
href="genindex.html"/>
<link rel="search" title="Search" href="search.html"/>
<link rel="top" title="carto documentation" href="#"/>
<link rel="next" title="Installation & Usage" href="installation_usage.html"/>
<script src="_static/js/modernizr.min.js"></script>
</head>
<body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side">
<div class="wy-side-scroll">
<div class="wy-side-nav-search">
<a href="#" class="icon icon-home"> carto
</a>
<div role="search">
<form id="rtd-search-form" class="wy-form" action="search.html" method="get">
<input type="text" name="q" placeholder="Search docs" />
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<p class="caption"><span class="caption-text">Contents:</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="installation_usage.html">Installation & Usage</a></li>
<li class="toctree-l1"><a class="reference internal" href="language_elements.html">Language Elements</a></li>
<li class="toctree-l1"><a class="reference internal" href="styling_concepts.html">Styling Concepts</a></li>
<li class="toctree-l1"><a class="reference internal" href="mml.html">MML File Structure</a></li>
<li class="toctree-l1"><a class="reference internal" href="mapnik_api.html">Mapnik API documentation</a></li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="#">carto</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="#">Docs</a> »</li>
<li>CartoCSS</li>
<li class="wy-breadcrumbs-aside">
<a href="_sources/index.rst.txt" rel="nofollow"> View page source</a>
</li>
</ul>
<hr/>
</div>
<div role="main" class="document" itemscope="itemscope" itemtype="http://schema.org/Article">
<div itemprop="articleBody">
<div class="section" id="cartocss">
<h1>CartoCSS<a class="headerlink" href="#cartocss" title="Permalink to this headline">¶</a></h1>
<p>CartoCSS (short: Carto) is a language for map design. It is similar in syntax to CSS, but builds upon it with specific abilities to
filter map data and by providing things like variables. It targets the <a class="reference external" href="http://mapnik.org">Mapnik renderer</a> and is able to generate Mapnik XML.
It can run from the command line or in the browser by using a bundler like Browserify.</p>
<p>Carto is an evolution of the <a class="reference external" href="https://github.com/mapnik/Cascadenik">Cascadenik</a> idea and language, with an emphasis on speed and flexibility.</p>
<div class="toctree-wrapper compound">
<p class="caption"><span class="caption-text">Contents:</span></p>
<ul>
<li class="toctree-l1"><a class="reference internal" href="installation_usage.html">Installation & Usage</a><ul>
<li class="toctree-l2"><a class="reference internal" href="installation_usage.html#installation">Installation</a></li>
<li class="toctree-l2"><a class="reference internal" href="installation_usage.html#usage">Usage</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="language_elements.html">Language Elements</a><ul>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#color">Color</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#float">Float</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#uri">URI</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#string">String</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#boolean">Boolean</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#expressions">Expressions</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#numbers">Numbers</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#percentages">Percentages</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#functions">Functions</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#mapnik-render-time-variables">Mapnik Render-Time Variables</a></li>
<li class="toctree-l2"><a class="reference internal" href="language_elements.html#resetting-properties">Resetting properties</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="styling_concepts.html">Styling Concepts</a><ul>
<li class="toctree-l2"><a class="reference internal" href="styling_concepts.html#attachments-and-instances">Attachments and Instances</a></li>
<li class="toctree-l2"><a class="reference internal" href="styling_concepts.html#variables-expressions">Variables & Expressions</a></li>
<li class="toctree-l2"><a class="reference internal" href="styling_concepts.html#nested-styles">Nested Styles</a></li>
<li class="toctree-l2"><a class="reference internal" href="styling_concepts.html#fontsets">FontSets</a></li>
<li class="toctree-l2"><a class="reference internal" href="styling_concepts.html#filters">Filters</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="mml.html">MML File Structure</a><ul>
<li class="toctree-l2"><a class="reference internal" href="mml.html#properties-overview">Properties Overview</a></li>
<li class="toctree-l2"><a class="reference internal" href="mml.html#layer-property">Layer property</a></li>
<li class="toctree-l2"><a class="reference internal" href="mml.html#stylesheet-property">Stylesheet property</a></li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="mapnik_api.html">Mapnik API documentation</a><ul>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id1">3.0.6</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id2">3.0.3</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id222">3.0.0</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id442">2.3.0</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id625">2.2.0</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id803">2.1.1</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id962">2.1.0</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id1120">2.0.2</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id1239">2.0.1</a></li>
<li class="toctree-l2"><a class="reference internal" href="mapnik_api.html#id1360">2.0.0</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<footer>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="installation_usage.html" class="btn btn-neutral float-right" title="Installation & Usage" accesskey="n">Next <span class="fa fa-arrow-circle-right"></span></a>
</div>
<hr/>
<div role="contentinfo">
<p>
© Copyright 2017, Carto contributors.
</p>
</div>
Built with <a href="http://sphinx-doc.org/">Sphinx</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT:'./',
VERSION:'',
COLLAPSE_INDEX:false,
FILE_SUFFIX:'.html',
HAS_SOURCE: true
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<script type="text/javascript" src="_static/js/theme.js"></script>
<script type="text/javascript">
jQuery(function () {
SphinxRtdTheme.StickyNav.enable();
});
</script>
</body>
</html>