Template:Text outline 2/doc

From Moegirlpedia
< Template:Text outline 2
Revision as of 03:38, 12 April 2022 by LiaMinina (talk | contribs) (Created page with "This template uses the CSS [https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke <code>-webkit-text-stroke</code>] property, which can be Add a stroke style to...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

This template uses the CSS -webkit-text-stroke property, which can be Add a stroke style to the text. This template has some usage restrictions, see #restrictions.

Parameters

Parameters Description Default value
(1) The text to be stroked, required none
text-color (2) Use CSS color values ​​like: red / #114514 / rgb(191, 98 , 10) / hsl(0deg, 100%, 50%).
See Help:List of colors. 		inherit
outline-color (3) Black
outline-width Use CSS length, such as: 1px / 0.2em, etc. (the actual stroke width is half of this value); or use thin, medium, thick keywords, from thin to thick.
It is recommended to use em as the unit to maintain uniformity on each device. 		0.15em
CSS Extra CSS property. None
CSS2 CSS properties applied only to the stroke layer, overriding the CSS above.
This parameter is used to solve the problem of "adding shadows directly using CSS parameters will have double shadows". If unnecessary, adding shadows is not recommended, because the interaction between text-shadow and text-outline is not uniform between different browsers. There will be a very ghostly effect on Safari. 		None

Example

enter result
{{Text outline 2|Black text with a black border, it is better to use bold}} Black text with a black border, Might as well use boldBlack text with a black border, Might as well use bold
{{Text outline 2|Use Anonymous Parameter|#FFF|#FF9595}} Use Anonymous ParameterUse Anonymous Parameter
{{Text outline 2|Use Named Parameters|text-color=white|outline-width=0.1em}} Use Named ParametersUse Named Parameters
{{Text outline 2|Use CSS|text-color=antiquewhite|outline-color=brown|CSS=font-size:1.5em}} Use CSSUse CSS

Limited

  • Because this template will copy the content of parameter 1 twice (one layer of outline, one layer of text. Otherwise, the effect is This way, the outline will cover the text, where the text is already set to white.), so:
    1. Do not use this template in {{title_replace}}. If this template is used in {{Title Replacement}}, the title on the title block will be duplicated. For example Special:Permalink/5354170, the title bar is displayed as "-{Ultramarine Hymn Ultramarine Hymn}-".
    2. Try to put this template inside other templates, such as {{lj|{{text outline 2|...}}}}, not >{{text outline 2|{{lj|…}}}}, which can reduce the expanded length.
  • Shadows render abnormally on Safari, try not to add shadows.

Related Templates

View · Talk · Edit
Formatting templates
Element settings
Element float
Float {{Float}} • Clear float {{Clear}} • Change float direction {{Clear2}} • Stacks {{Stack}}{{Stack begin}}{{Stack end}} • Flex {{flex}}
Columns
Inline {{Columns-list}} • Multi-columns {{Multicol}}{{Multicol-break}}{{Multicol-end}}
Align
{{Bottom}} • {{Center}}
Special characters
Concatenator{{Wj}}/&#x2060; • Zero-width space{{Zwsp}}/&#x200B; • Non-breaking space{{Nbsp}}/&nbsp;
Tables
Writing mode
Writing mode{{Writing-mode}} • Vertical text{{VText}} • Vertical page{{Tategaki}} • Mirrorized text{{MirrorText}}
Hover effect
{{Moe-hover}} • {{Hover}} • {{HoverInline}} • {{Hovers}} • {{TextHover}} • {{PicHover}}
Colors
Text color
Standard {{Color}} • Colored links {{Coloredlink}} • Color Ops {{ColorOps}} • Colored Japanese text {{Cj}}
Background color
Text and background color
Cross-color
{{Crosscolor}} • {{CrosscolorF}} • {{CrosscolorEyecare}} • {{Rainbow}}
Shadow
Linear-gradient styles
Color boxes
Formatting
Font
Emoji{{Emojifont}}
Text style
Fully functional {{Font}} • Outlines {{Border}}{{TextBox}} • Preformatted text {{Pre}}{{Code}} • Emphasis{{Text-emphasis}} • Upline{{Upline}} • Text outline {{text outline}} • Text outline 2 {{text outline 2}}
False
{{False block}} • {{False link}} • {{False hide}} • {{False link}}
Format
Invisible 0{{0}} • Crosstext{{Crosstext}} • Spaces/Repeat text{{Space}} • Padding{{Pad}} • Rounding{{Strformat}}
Memes
Blocked text {{Spoiler}} • Gray striked text {{jk}} • Blurred text{{Text blur}}
Phonetics
Ruby series
Standard {{Ruby}} • Shadow {{Rubyh}} • Simplified ruby{{Ruby+}} • Multi-line {{Ruby-begin}}{{Ruby-item}}{{Ruby-text-container}}{{Ruby-end}} • Separate characters {{Rubya}} • Ruby tag{{RawRuby}}
Others
Phonetic translation {{Photrans}} • Multi-phonetic translation {{Photrans2}} • Phonetic translation switch{{Photransa}} • Japanese name {{nihongo}}
Other
Formatter
Disambiguation {{Dis}}{{Dl}} • {{VA-CharaList}} • {{QuestionBox}} • {{UnicodeTable}}
Links and categories
Categorization {{Cate}}{{Moe points}} • Category name {{Catn}} • Interlanguage link {{Enlink}} • ISBN link {{ISBN}} • Hide redlink {{Link}} • Plain link {{Plain link}} • Black link {{Blnk}} • Colored link {{Coloredlink}} • Link language identifier {{Languageicon}}
Navboxes
Navboxes {{Navbox}}{{Navbox subgroup}}{{Navbox with columns}}{{Navbox with collapsible groups}}{{Navbar}} • Simple Daikazoku templates {{Daikazoku}}{{Daikazoku child}}{{Daikazoku row}}{{Linksplit}} • Horizontal list {{Hlist}}
Notation
Citation needed {{Citation needed}} • Deceased people {{Dead}}{{Dead-nolink}} • SupTemplate {{Supt}} • Game rating {{Game rating}} • CADPA Game rating {{CADPA rating}} • Quotes {{Cquote}}{{Quote frame}} • Notes {{Ps}}
Retrieved from "https://en.moegirl.org.cn/index.php?title=Template:Text_outline_2/doc&oldid=34556"