You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
vscode-api-cn.js/interfaces/ThemableDecorationRenderOpt...

636 lines
36 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!doctype html>
<html class="default no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>ThemableDecorationRenderOptions | VS Code API 中文文档</title>
<meta name="description" content="Documentation for VS Code API 中文文档">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://code.visualstudio.com/favicon.ico" sizes="128x128">
<link rel="stylesheet" href="../assets/css/main.css">
<script async src="../assets/js/search.js" id="search-script"></script>
<style>
a[title="站长统计"] {
display: none;
}
.github-corner svg {
z-index: 1;
}
.github-corner:hover .octo-arm {
animation:octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,100%{transform:rotate(0)}
20%,60%{transform:rotate(-25deg)}
40%,80%{transform:rotate(10deg)}
}
@media (max-width:500px) {
.github-corner:hover
.octo-arm{animation:none}
.github-corner .octo-arm{
animation:octocat-wave 560ms ease-in-out
}
}
.container-main {
padding-bottom: 50px;
}
</style>
</head>
<body>
<header>
<div class="tsd-page-toolbar">
<div class="container">
<div class="table-wrap">
<div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
<div class="field">
<label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
<input id="tsd-search-field" type="text" />
</div>
<ul class="results">
<li class="state loading">Preparing search index...</li>
<li class="state failure">The search index is not available</li>
</ul>
<a href="../index.html" class="title">VS Code API 中文文档</a>
</div>
<div class="table-cell" id="tsd-widgets">
<div id="tsd-filter">
<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
<div class="tsd-filter-group">
<div class="tsd-select" id="tsd-filter-visibility">
<span class="tsd-select-label">All</span>
<ul class="tsd-select-list">
<li data-value="public">Public</li>
<li data-value="protected">Public/Protected</li>
<li data-value="private" class="selected">All</li>
</ul>
</div>
<input type="checkbox" id="tsd-filter-inherited" checked />
<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
<input type="checkbox" id="tsd-filter-externals" checked />
<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
</div>
</div>
<a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
</div>
</div>
</div>
</div>
<div class="tsd-page-title">
<div class="container">
<ul class="tsd-breadcrumb">
<li>
<a href="../modules.html">VS Code API 中文文档</a>
</li>
<li>
<a href="ThemableDecorationRenderOptions.html">ThemableDecorationRenderOptions</a>
</li>
</ul>
<h1>Interface ThemableDecorationRenderOptions</h1>
</div>
</div>
</header>
<div class="container container-main">
<div class="row">
<div class="col-8 col-content">
<section class="tsd-panel tsd-comment">
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Represents theme specific rendering styles for a <a href="TextEditorDecorationType.html">text editor decoration</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-hierarchy">
<h3>层级</h3>
<ul class="tsd-hierarchy">
<li>
<span class="target">ThemableDecorationRenderOptions</span>
<ul class="tsd-hierarchy">
<li>
<a href="DecorationRenderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">DecorationRenderOptions</a>
</li>
</ul>
</li>
</ul>
</section>
<section class="tsd-panel-group tsd-index-group">
<h2>索引</h2>
<section class="tsd-panel tsd-index-panel">
<div class="tsd-index-content">
<section class="tsd-index-section ">
<h3>Properties23</h3>
<ul class="tsd-index-list">
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#backgroundColor" class="tsd-kind-icon">background<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#outline" class="tsd-kind-icon">outline</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#outlineColor" class="tsd-kind-icon">outline<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#outlineStyle" class="tsd-kind-icon">outline<wbr>Style</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#outlineWidth" class="tsd-kind-icon">outline<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#border" class="tsd-kind-icon">border</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#borderColor" class="tsd-kind-icon">border<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#borderRadius" class="tsd-kind-icon">border<wbr>Radius</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#borderSpacing" class="tsd-kind-icon">border<wbr>Spacing</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#borderStyle" class="tsd-kind-icon">border<wbr>Style</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#borderWidth" class="tsd-kind-icon">border<wbr>Width</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#fontStyle" class="tsd-kind-icon">font<wbr>Style</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#fontWeight" class="tsd-kind-icon">font<wbr>Weight</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#textDecoration" class="tsd-kind-icon">text<wbr>Decoration</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#cursor" class="tsd-kind-icon">cursor</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#color" class="tsd-kind-icon">color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#opacity" class="tsd-kind-icon">opacity</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#letterSpacing" class="tsd-kind-icon">letter<wbr>Spacing</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#gutterIconPath" class="tsd-kind-icon">gutter<wbr>Icon<wbr>Path</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#gutterIconSize" class="tsd-kind-icon">gutter<wbr>Icon<wbr>Size</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#overviewRulerColor" class="tsd-kind-icon">overview<wbr>Ruler<wbr>Color</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#before" class="tsd-kind-icon">before</a></li>
<li class="tsd-kind-property tsd-parent-kind-interface"><a href="ThemableDecorationRenderOptions.html#after" class="tsd-kind-icon">after</a></li>
</ul>
</section>
</div>
</section>
</section>
<section class="tsd-panel-group tsd-member-group ">
<h2>Properties23</h2>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="backgroundColor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> background<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">background<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/ThemeColor.html" class="tsd-signature-type" data-tsd-kind="Class">ThemeColor</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L836">vscode.d.ts:836</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Background color of the decoration. Use rgba() and define transparent background colors to play well with other decorations.
Alternatively a color from the color registry can be <a href="../classes/ThemeColor.html">referenced</a>.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="outline" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> outline</h3>
<div class="tsd-signature tsd-kind-icon">outline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L841">vscode.d.ts:841</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="outlineColor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> outline<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">outline<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/ThemeColor.html" class="tsd-signature-type" data-tsd-kind="Class">ThemeColor</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L847">vscode.d.ts:847</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;outline&#39; for setting one or more of the individual outline properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="outlineStyle" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> outline<wbr>Style</h3>
<div class="tsd-signature tsd-kind-icon">outline<wbr>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L853">vscode.d.ts:853</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;outline&#39; for setting one or more of the individual outline properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="outlineWidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> outline<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">outline<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L859">vscode.d.ts:859</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;outline&#39; for setting one or more of the individual outline properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="border" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border</h3>
<div class="tsd-signature tsd-kind-icon">border<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L864">vscode.d.ts:864</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderColor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/ThemeColor.html" class="tsd-signature-type" data-tsd-kind="Class">ThemeColor</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L870">vscode.d.ts:870</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;border&#39; for setting one or more of the individual border properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderRadius" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Radius</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L876">vscode.d.ts:876</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;border&#39; for setting one or more of the individual border properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderSpacing" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Spacing</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Spacing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L882">vscode.d.ts:882</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;border&#39; for setting one or more of the individual border properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderStyle" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Style</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L888">vscode.d.ts:888</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;border&#39; for setting one or more of the individual border properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="borderWidth" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> border<wbr>Width</h3>
<div class="tsd-signature tsd-kind-icon">border<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L894">vscode.d.ts:894</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.
Better use &#39;border&#39; for setting one or more of the individual border properties.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="fontStyle" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> font<wbr>Style</h3>
<div class="tsd-signature tsd-kind-icon">font<wbr>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L899">vscode.d.ts:899</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="fontWeight" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> font<wbr>Weight</h3>
<div class="tsd-signature tsd-kind-icon">font<wbr>Weight<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L904">vscode.d.ts:904</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="textDecoration" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> text<wbr>Decoration</h3>
<div class="tsd-signature tsd-kind-icon">text<wbr>Decoration<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L909">vscode.d.ts:909</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="cursor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> cursor</h3>
<div class="tsd-signature tsd-kind-icon">cursor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L914">vscode.d.ts:914</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="color" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> color</h3>
<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/ThemeColor.html" class="tsd-signature-type" data-tsd-kind="Class">ThemeColor</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L919">vscode.d.ts:919</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="opacity" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> opacity</h3>
<div class="tsd-signature tsd-kind-icon">opacity<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L924">vscode.d.ts:924</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="letterSpacing" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> letter<wbr>Spacing</h3>
<div class="tsd-signature tsd-kind-icon">letter<wbr>Spacing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L929">vscode.d.ts:929</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>CSS styling property that will be applied to text enclosed by a decoration.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="gutterIconPath" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> gutter<wbr>Icon<wbr>Path</h3>
<div class="tsd-signature tsd-kind-icon">gutter<wbr>Icon<wbr>Path<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/Uri.html" class="tsd-signature-type" data-tsd-kind="Class">Uri</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L934">vscode.d.ts:934</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>An <strong>absolute path</strong> or an URI to an image to be rendered in the gutter.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="gutterIconSize" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> gutter<wbr>Icon<wbr>Size</h3>
<div class="tsd-signature tsd-kind-icon">gutter<wbr>Icon<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L941">vscode.d.ts:941</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Specifies the size of the gutter icon.
Available values are &#39;auto&#39;, &#39;contain&#39;, &#39;cover&#39; and any percentage value.
For further information: <a href="https://msdn.microsoft.com/en-us/library/jj127316(v=vs.85).aspx">https://msdn.microsoft.com/en-us/library/jj127316(v=vs.85).aspx</a></p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="overviewRulerColor" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> overview<wbr>Ruler<wbr>Color</h3>
<div class="tsd-signature tsd-kind-icon">overview<wbr>Ruler<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> | </span><a href="../classes/ThemeColor.html" class="tsd-signature-type" data-tsd-kind="Class">ThemeColor</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L946">vscode.d.ts:946</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>The color of the decoration in the overview ruler. Use rgba() and define transparent colors to play well with other decorations.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="before" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> before</h3>
<div class="tsd-signature tsd-kind-icon">before<span class="tsd-signature-symbol">:</span> <a href="ThemableDecorationAttachmentRenderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemableDecorationAttachmentRenderOptions</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L951">vscode.d.ts:951</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Defines the rendering options of the attachment that is inserted before the decorated text.</p>
</div>
</div>
</section>
<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface">
<a name="after" class="tsd-anchor"></a>
<h3><span class="tsd-flag ts-flagOptional">Optional</span> after</h3>
<div class="tsd-signature tsd-kind-icon">after<span class="tsd-signature-symbol">:</span> <a href="ThemableDecorationAttachmentRenderOptions.html" class="tsd-signature-type" data-tsd-kind="Interface">ThemableDecorationAttachmentRenderOptions</a></div>
<aside class="tsd-sources">
<ul>
<li>Defined in <a href="https://github.com/vscode-cn/vscode-api-cn/blob/1c96e8b/vscode.d.ts#L956">vscode.d.ts:956</a></li>
</ul>
</aside>
<div class="tsd-comment tsd-typography">
<div class="lead">
<p>Defines the rendering options of the attachment that is inserted after the decorated text.</p>
</div>
</div>
</section>
</section>
</div>
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">
<nav class="tsd-navigation primary">
<ul>
<li class=" ">
<a href="../modules.html">Exports</a>
</li>
</ul>
</nav>
<nav class="tsd-navigation secondary menu-sticky">
<ul class="before-current">
</ul>
<ul class="current">
<li class="current tsd-kind-interface">
<a href="ThemableDecorationRenderOptions.html" class="tsd-kind-icon">Themable<wbr>Decoration<wbr>Render<wbr>Options</a>
<ul>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#backgroundColor" class="tsd-kind-icon">background<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#outline" class="tsd-kind-icon">outline</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#outlineColor" class="tsd-kind-icon">outline<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#outlineStyle" class="tsd-kind-icon">outline<wbr>Style</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#outlineWidth" class="tsd-kind-icon">outline<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#border" class="tsd-kind-icon">border</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#borderColor" class="tsd-kind-icon">border<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#borderRadius" class="tsd-kind-icon">border<wbr>Radius</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#borderSpacing" class="tsd-kind-icon">border<wbr>Spacing</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#borderStyle" class="tsd-kind-icon">border<wbr>Style</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#borderWidth" class="tsd-kind-icon">border<wbr>Width</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#fontStyle" class="tsd-kind-icon">font<wbr>Style</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#fontWeight" class="tsd-kind-icon">font<wbr>Weight</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#textDecoration" class="tsd-kind-icon">text<wbr>Decoration</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#cursor" class="tsd-kind-icon">cursor</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#color" class="tsd-kind-icon">color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#opacity" class="tsd-kind-icon">opacity</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#letterSpacing" class="tsd-kind-icon">letter<wbr>Spacing</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#gutterIconPath" class="tsd-kind-icon">gutter<wbr>Icon<wbr>Path</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#gutterIconSize" class="tsd-kind-icon">gutter<wbr>Icon<wbr>Size</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#overviewRulerColor" class="tsd-kind-icon">overview<wbr>Ruler<wbr>Color</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#before" class="tsd-kind-icon">before</a>
</li>
<li class=" tsd-kind-property tsd-parent-kind-interface">
<a href="ThemableDecorationRenderOptions.html#after" class="tsd-kind-icon">after</a>
</li>
</ul>
</li>
</ul>
<ul class="after-current">
</ul>
</nav>
</div>
</div>
</div>
<footer class="with-border-bottom">
<div class="container">
<h2>图例</h2>
<div class="tsd-legend-group">
<ul class="tsd-legend">
<li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
<li class="tsd-kind-property tsd-parent-kind-class"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
<li class="tsd-kind-method tsd-parent-kind-interface"><span class="tsd-kind-icon">Method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><span class="tsd-kind-icon">Inherited method</span></li>
</ul>
<ul class="tsd-legend">
<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
</ul>
</div>
</div>
</footer>
<div class="container tsd-generator">
<p><a href="https://liiked.github.io/VS-Code-Extension-Doc-ZH/" target="_blank">VS Code 插件开发中文文档</a> | <a href="https://jeasonstudio.gitbooks.io/vscode-cn-doc/content/" target="_blank">VS Code 中文文档</a> | <a href="https://code.visualstudio.com/docs" target="_blank">VS Code 官网文档</a> | <a href="https://marketplace.visualstudio.com/" target="_blank">VS Code 扩展市场</a></p>
<p>Generated by <a href="https://typedoc.org/" target="_blank">TypeDoc</a> | <a href="https://www.cnzz.com/stat/website.php?web_id=1280241129" target="_blank" title="VS Code 官网文档站长统计">站长统计</a></p>
</div>
<div class="overlay"></div>
<script src="../assets/js/main.js"></script>
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1280241129'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1280241129' type='text/javascript'%3E%3C/script%3E"));</script>
<a href="https://github.com/youngjuning/vscode-api-cn" target="_blank" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: fixed; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a>
</body>
</html>