* [Text](#text)
* [Preview](#preview)
* [How](#how)
x
What you type
What will be published
\# Header 1
\## Header 2
And so on up to 6.
Header 1
Header 2
Another 2
Another 1
Return once starts a new line.
Return twice (blank line) starts a new paragraph.
\*Italics\*
\*\*Bold\*\*
~~Strikeout~~
\==Mark==
%red% Colored Text %%
%#ACBDEF% Colored Text Hex %%
!>Spoiler
[Color list (opens new page, save your work first!)](/rentry-text-colors)
_Italics_
**Bold**
Strikeout
Mark
Colored Text
Colored Text Hex
Spoiler
!~ Simple Underlined Text ~!
!~red; Underlined Text With Color ~!
!~green;double; Underlined Text Plus Style ~!
!~blue;default;line-through; Underlined Plus Type ~!
!~orange;default;default;7; Underlined Text Plus Thickness ~!
%violet% !~green; Combine With Text Color ~! %%
!~violet; %green% Works The Other Way Too %% ~!
Underline tags can be given 4 options, separated by a semi-colon ;
* color : default | color name | #hexcode
* style : default | solid (default) | double | dotted | dashed | wavy
* type : default | underline (default) | line-through | overline | both
* thickness : number from 1-10. Measured in pixels.
Simple Underlined Text
Underlined Text With Color
Underlined Text Plus Style
Underlined Plus Type
Underlined Text Plus Thickness
Combine With Text Color
Works The Other Way Too
\-> Centered text <-
\-> Right-aligned ->
Also works for images and ### -> Headers <-
Centered text Right-aligned
\[TOC\]
Generates Table of Contents from # Headers.
\[TOC2\] - From h2 to h6.
\[TOC3\] - From h3 to h6, and so on up to 6.
1. [Header 1](#header-1)
1. [Header 2](#header-2)
2. [Another 2](#another-2)
2. [Another 1](#another-1)
\- Bulleted list item a
\- Bulleted list item b
- Nested item b1
Nested lists use 4 spaces or 1 tab.
An asterisk (\*) can be used instead of a dash.
* Bulleted list item a
* Bulleted list item b
* Nested item b1
1\. Numbered list item
2\. Numbered list item
1. Nested list item
2. Nested list item
1. Numbered list item
2. Numbered list item
1. Nested list item
2. Nested list item
\- \[ \] Checkbox 1
\- \[x\] Checkbox 2
* Checkbox 1
* Checkbox 2
\[//\]: (comment here)
Adding \[//\]: () to a line will comment it out, so that it does not appear when viewing the page.
\>> How to use quotes in Markdown?
\> Just prepend text with >
> > How to use quotes in Markdown?
>
> Just prepend text with >
\`\`\` python
s = "Triple backticks ( \`\`\` ) generate code block"
print(s)
\`\`\`
For the list of supported languages see [the langs page](/langs).
[1](#L-1-1)
[2](#L-1-2)
s \="Triple backticks ( \`\`\` ) generate code block"
print(s)
Single backtick generates \`inline code\`
Single backtick generates `inline code`
\*\*\*
Horizontal rule, <hr>
* * *
\\\*not italics\\\*
To produce a literal asterisk or any symbol used in Markdown, use backslash to escape it.
\*not italics\*
Header | Header
------ | ------
Cell | Cell
Cell | Cell
Columns can be aligned to the right with `--:` and centered with `:--:`.
Center | Right
:----: | ----:
Cell | Cell
Cell | Cell
Header
Header
Cell
Cell
Cell
Cell
Center
Right
Cell
Cell
Cell
Cell
!!! note Admonition title
Admonition text
Main types: info, note, warning, danger. Defaults to warning.
Additional types: greentext
!!! info
Title or text can be skipped
Admonition title
Admonition text
Title or text can be skipped
Autolinks:
https://rentry.co/ or rentry.co
Autolinks:
[https://rentry.co/](https://rentry.co/) or [rentry.co](http://rentry.co/)
Link description:
\[Markdown paste service\](https://rentry.co)
Be sure to include the "http(s)://" part of the link.
Link description:
[Markdown paste service](https://rentry.co)
!\[Alt Tag\](https://i.imgur.com/PYV4crq.png)
!\[Alt Tag\](https://i.imgur.com/PYV4crq.png){100px:100px}
!\[Alt Tag\](https://i.imgur.com/PYV4crq.png "Title")
!\[Alt Tag\](https://i.imgur.com/PYV4crq.png#left)
Be sure to include direct link to the image.
Alt tag shows if image fails to load.
Title tag controls mouseover text separely from Alt.
Add #left or #right to the image to float it.
Image sizes can be given with the following units:
* px : 0 - 4000
* % : 0 - 500 (note: percentage height often does not do anything)
* vw : 0 - 500 (percentage of the vertical size of the page)
* hw : 0 - 500 (percentage of the horizontal size of the page)
* no units: numbers used as pixels
Note that this will only change the visual size of the image. A 4MB image at 50x50px will still slow down the page!
Images can be links by wrapping them:
\[!\[Alt Tag\](https://i.imgur.com/PYV4crq.png)\](https://rentry.co)
Create a Youtube image link by coping the part after v= into the static image link:
\[!\[Alt Tag\](https://img.youtube.com/vi/**xyz**/hqdefault.jpg){300px:200px}\](https://youtube.com/watch?v=**xyz**)
[](https://rentry.co)
[](https://youtube.com)
Float Clear:
!;
Makes all following content sit below a previous image float. Useful to fix broken layouts after adding a float. Make sure to leave an empty line above.
\+ Metadata
* [Metadata](#metadata)
* [Example](#metadata-example)
* [How](#metadata-how)
* \- Metadata
PAGE\_TITLE = Welcome to my Rentry!
PAGE\_DESCRIPTION = My Rentry page and everything about me
PAGE\_IMAGE = https://rentry.co/static/icons/512.png
PAGE\_ICON = https://rentry.co/static/raccoon.webp
SHARE\_TITLE = Welcome to my Rentry!
SHARE\_DESCRIPTION = My Rentry page and everything about me
SHARE\_IMAGE = https://rentry.co/static/icons/512.png
SHARE\_TWITTER\_TITLE = Welcome to my Rentry!
SHARE\_TWITTER\_DESCRIPTION = My Rentry page and everything about me
SHARE\_TWITTER\_IMAGE = https://rentry.co/static/icons/512.png
OPTION\_DISABLE\_VIEWS = true
OPTION\_DISABLE\_SEARCH\_ENGINE = true
OPTION\_USE\_ORIGINAL\_PUB\_DATE = true
ACCESS\_RECOMMENDED\_THEME = dark
ACCESS\_EASY\_READ = /example
SECRET\_VERIFY = Twitter: @... , email: [email protected]
SECRET\_RAW\_ACCESS\_CODE = example
SECRET\_EMAIL\_ADDRESS = [email protected]
CONTAINER\_PADDING = 10px
CONTAINER\_MAX\_WIDTH = 600px
CONTAINER\_INNER\_FOREGROUND\_COLOR = RGBA(123,123,123,0.2)
CONTAINER\_INNER\_BACKGROUND\_COLOR = transparent
CONTAINER\_INNER\_BACKGROUND\_IMAGE = https://rentry.co/static/icons/512.png
CONTAINER\_INNER\_BACKGROUND\_IMAGE\_REPEAT = no-repeat
CONTAINER\_INNER\_BACKGROUND\_IMAGE\_POSITION = center
CONTAINER\_INNER\_BACKGROUND\_IMAGE\_SIZE = contain
CONTAINER\_OUTER\_FOREGROUND\_COLOR = pink
CONTAINER\_OUTER\_BACKGROUND\_COLOR = purple
CONTAINER\_OUTER\_BACKGROUND\_IMAGE = https://rentry.co/static/icons/512.png
CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_REPEAT = no-repeat
CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_POSITION = center
CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_SIZE = cover
CONTAINER\_BORDER\_IMAGE = https://rentry.co/static/icons/512.png
CONTAINER\_BORDER\_IMAGE\_SLICE = fill
CONTAINER\_BORDER\_IMAGE\_WIDTH = 25px
CONTAINER\_BORDER\_IMAGE\_OUTSET = 10px
CONTAINER\_BORDER\_IMAGE\_REPEAT = stretch
CONTAINER\_BORDER\_COLOR = yellow
CONTAINER\_BORDER\_WIDTH = 20px
CONTAINER\_BORDER\_STYLE = dashed
CONTAINER\_BORDER\_RADIUS = 3px
CONTAINER\_SHADOW\_COLOR = orange
CONTAINER\_SHADOW\_OFFSET = 0px 3px
CONTAINER\_SHADOW\_SPREAD = 3px
CONTAINER\_SHADOW\_BLUR = 5px
CONTENT\_FONT = Caveat Edu\_Australia\_VIC\_WA\_NT\_Hand\_Dots
CONTENT\_FONT\_WEIGHT = 500
CONTENT\_TEXT\_DIRECTION = ltr
CONTENT\_TEXT\_SIZE = 16px 1rem 2.5rem 0 0 0 0 0 1rem 1.5rem 1rem 0.8rem
CONTENT\_TEXT\_ALIGN = justify
CONTENT\_TEXT\_SHADOW\_COLOR = black
CONTENT\_TEXT\_SHADOW\_OFFSET = 1px 1px
CONTENT\_TEXT\_SHADOW\_BLUR = 4px
CONTENT\_TEXT\_COLOR = grey white
CONTENT\_LINK\_COLOR = blue aqua
CONTENT\_BULLET\_COLOR = green red
CONTENT\_LINK\_BEHAVIOR = same same
Standalone: [/metadata-example](/metadata-example)
Rentry Metadata Docs
--------------------
Metadata is Rentry's system that allows for full page customization while keeping its minimalistic style. It works by letting you add commands and values that each will modify the page in some way. See the Example tab for quick reference.
Each Option is part of a group that defines what it modifies. These groups are:
* **PAGE:** Metadata for the web page, such as page title.
* **SHARE:** Metadata for the web page to be used as snippets by other websites, such as Twitter or Google.
* **OPTION:** Options that control how the page functions.
* **ACCESS:** Accesibility options or view preferences.
* **SECRET:** Options that allow you to store information that will not be readable by others.
* **CONTAINER:** Controls for the box surrounding the content on the page.
* **CONTENT:** Controls for the content itself.
* **CONTROL:** Coming soon!
Options always start with their respective group name, for example: SHARE\_TITLE
Each Option may have a fixed list or range of Values, explained on this page. If you get it wrong, the error message should provide detailed feedback.
### General Use
To list a metadata option, you must add it to a new line in the metadata box with the format: OPTION = value
A single Option can have multiple values, separated by spaces, that will control it in more detail or for different situations. For example, giving two values to CONTENT\_TEXT\_COLOR will set the color for light and then dark mode.
Value Mapping: Some Options with multiple values will behave slightly differently depending on how many values you give. For example, CONTAINER\_PADDING can be given one, two, three or four values. Using fewer than 4 will re-use the same values again for different sides of the container. To describe this we will provide a value mapping for each Option and count, to show you what the behavior will be.
If giving CONTAINER\_PADDING 4 values, these will be applied in the following way:
Top Right Bottom Left
CONTAINER\_PADDING = 5px 10px 20px 40px
This is how it will be applied: top = 5px, right = 10px, bottom = 20px, left = 40px
Value Lists: Other Options with multiple values will affect more things as values are added. For example, FONT\_SIZE will change more types of content as more values are added.
Within this helpsheet, we will list what each value does and in what order. Content font looks like this (commas just for clarity here, don't use them):
CONTENT\_FONT = base, p, h1, h2, h3, h4, h5, h6, li, link, quotes, code
And as a real world example:
CONTENT\_FONT = 12px 1.5rem 5rem 4rem 3.5rem 3rem 2.8rem 2.5rem 1.5rem 1.5rem 2rem 1.3rem
Units: Each Option has a set list of possible values that are then validated to ensure they are permitted. When these values are numbers they may be qualified by a unit, such as px: 4px. Each Option has a list of available units and a range of available values for each unit. This means that it might be possible to set as high as 1500px but only up to 100%.
Decimals: Some Values can be decimals and each have a limit to the amount of numbers allowed after the decimal place.
Require and Require one tell you when an Option must be paired with another Option. With Require, all listed Options must be present. With Require one, only one of them must be present.
### Validations
Each Value submitted is validated according to an internal checking system that is re-used between different Options. This means that we can explain them here:
* **max\_length:** All Options have a max length. This is the total number of characters that can be submitted for this option.
* **color\_name:** A color listed within this page (this is the same as the available colors for inline text color) [/rentry-text-colors](/rentry-text-colors)
* **color\_hex:** A color defined as a hex (base16). These start with a # and have exactly 3, 6 or 8 letters or numbers afterwards, in the range 0-9 and A-F. When there are 3, the characters are repeated to make them 6 internally. When there are 8, the last two control transparency.
For example: #abc123
[Color picker that supports transparency and outputs as a hex](https://get-color.com/transparent/)
* **color\_rgba:** A color defined as a RGBA (red green blue alpha). These have the format RGBA(0, 0, 0, 1). Each of the first three numbers can be between 0 and 255. The fourth number can be a decimal between 0 and 1.
For example: RGBA(255, 0, 120, 0.9)
[Color picker that outputs RGBA](https://rgbacolorpicker.com/)
* **css\_size:** A number followed by one of the listed units, within the listed range. If no-unit, then this requires a bare number.
* **whitelisted\_string:** One of the words listed.
* **font\_name:** A name of a Google font, with all spaces replaced with underscores. [https://fonts.google.com/](https://fonts.google.com/)
* **url:** A link, optionally starting with https:// or http://, followed by any number of subdomains, a domain, a page location, a dot and a TLD.
* **bool:** true or false
* **rentry\_url:** A full rentry URL or a /shorthand-url
* **rentry\_url\_exists:** A check to see if the entered URL ever existed
* **rentry\_url\_enabled:** A check to ensure the entered URL is currently active and not deleted or disabled.
### Tips
You may not list the same option more than once.
The metadata validator is ultra-strict, meaning you can only put in information that is permitted.
Most Options do not have default values. To use the default, just delete the Option.
### Metadata Options
#### GROUP: PAGE
##### PAGE\_TITLE
Appears on the tab for this page's window in the browser.
Default Value: Taken from page content.
Max Length: 60
Max Values Accepted: 1
##### PAGE\_DESCRIPTION
Used by search engines and content snippets.
Default Value: Taken from page content.
Max Length: 160
Max Values Accepted: 1
##### PAGE\_IMAGE
Used by search engines and content snippets. If we ever have internal page linking with previews, this is what will show.
Default Value: Taken from page content.
Max Length: 1000
Max Values Accepted: 1
Validate One: url
##### PAGE\_ICON
Changes the icon that appears in the browser tab.
Default Value: The standard Rentry icon shown on all pages
Max Length: 1000
Max Values Accepted: 1
Validate One: url
#### GROUP: SHARE
##### SHARE\_TITLE
Used by search engines and content snippets.
Default Value: The value in PAGE\_TITLE
Max Length: 60
Max Values Accepted: 1
##### SHARE\_DESCRIPTION
Used by search engines and content snippets. It's unlikely to be necessary to set this as well as PAGE\_DESCRIPTION.
Default Value: The value in PAGE\_DESCRIPTION
Max Length: 160
Max Values Accepted: 1
##### SHARE\_IMAGE
Used by search engines and content snippets.
Default Value: The value in PAGE\_IMAGE
Max Length: 1000
Max Values Accepted: 1
Validate One: url
##### SHARE\_TWITTER\_TITLE
Used by Twitter and other Twitter compatible platforms as the title snippet of the link.
Default Value: The value in SHARE\_TITLE
Max Length: 60
Max Values Accepted: 1
##### SHARE\_TWITTER\_DESCRIPTION
Used by Twitter and other Twitter compatible platforms as the description snippet of the link.
Default Value: The value in SHARE\_DESCRIPTION
Max Length: 160
Max Values Accepted: 1
##### SHARE\_TWITTER\_IMAGE
This image will be used for Twitter and other Twitter compatible platforms when loading a preview of this page.
Default Value: The value in SHARE\_IMAGE
Max Length: 1000
Max Values Accepted: 1
Validate One: url
#### GROUP: OPTION
##### OPTION\_DISABLE\_VIEWS
Disables the view counter and hides it. Existing view count will return when this is unset.
Max Length: 5
Max Values Accepted: 1
Validate All: bool
##### OPTION\_DISABLE\_SEARCH\_ENGINE
Removes the URL from the sitemap and instructs crawling search engines to not index it. Note that it can take up to 2 months for Google to remove listings.
Max Length: 5
Max Values Accepted: 1
Validate All: bool
##### OPTION\_USE\_ORIGINAL\_PUB\_DATE
If a URL was deleted and re-created this forces it to show the date it was first published, rather than date of re-activation.
Max Length: 5
Max Values Accepted: 1
Validate All: bool
#### GROUP: ACCESS
##### ACCESS\_RECOMMENDED\_THEME
When a page does not look good in one of the viewing modes, this will auto switch the viewer to the listed mode.
Max Length: 5
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* dark
* light
##### ACCESS\_EASY\_READ
Adds an e2r button next to the high contrast button that people can click on, which will link to the listed URL. Also, visiting /url/e2r will load the easy read version instead. While this is validated when saved, if the easy read version is removed afterwards, this setting will not update and the link will go to a 404.
Max Length: 300
Max Values Accepted: 1
Validate All: rentry\_urlrentry\_url\_existsrentry\_url\_enabled
#### GROUP: SECRET
Options for storing information that will not show after saving. Modify codes cannot make changes to Values in this group.
##### SECRET\_VERIFY
Specify one or more external accounts that you can later use to recover your page if you forget the edit code.
Max Length: 3000
Max Values Accepted: 1
##### SECRET\_RAW\_ACCESS\_CODE
A passcode that allows access to the raw version of this page, including through an automated script. You can also use this code as custom header rentry-auth, which will give access to the /raw/ version of any page. To get a code, please email [email protected].
Max Length: 100
Max Values Accepted: 1
Validate All: raw\_access\_code
##### SECRET\_EMAIL\_ADDRESS
Supply an email address to attach to this page, which we can then use to manually reset your edit code on request. In future updates this will be used for automated edit code resets.
Max Length: 300
Max Values Accepted: 1
Validate All: email
#### GROUP: CONTAINER
##### CONTAINER\_PADDING
The internal spacing between the main container and the content.
Default Value: 20px
Max Length: 64
Max Values Accepted: 4
Validate All: css\_size
Units and Ranges For css\_size:
* px : 0 - 40 || Decimals: 0
* % : 0 - 25 || Decimals: 3
* vh : 0 - 15 || Decimals: 4
* hw : 0 - 20 || Decimals: 4
* rem : 0 - 7 || Decimals: 4
Value Mapping:
1. All Sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
##### CONTAINER\_MAX\_WIDTH
Limits and centers the content container's width, which centers all content on larger screens, instead of it aligning left.
Max Length: 16
Max Values Accepted: 1
Validate All: css\_size
Units and Ranges For css\_size:
* px : 100 - 1600 || Decimals: 0
* % : 10 - 100 || Decimals: 3
* vh : 10 - 100 || Decimals: 4
* hw : 10 - 100 || Decimals: 4
* rem : 3 - 25 || Decimals: 4
##### CONTAINER\_INNER\_FOREGROUND\_COLOR
Sets the color of the inner foreground, which is best used as a semi transparent layer on top of the content. Giving a non transparent color here will block out all content. Recommended usage: set a color with around 0.2 transparency, which will give a slight tint to all content.
Default Value: none
Max Length: 32
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTAINER\_INNER\_BACKGROUND\_COLOR
Sets the color of the inner background. Try to ensure that the text color has a high contrast with the background, so that it is still readable. Set to transparent if you are using a border image.
Max Length: 32
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTAINER\_INNER\_BACKGROUND\_IMAGE
Sets the background image used in the inner container, behind the content.
Max Length: 1000
Max Values Accepted: 1
Validate One: url
##### CONTAINER\_INNER\_BACKGROUND\_IMAGE\_REPEAT
Should the background image show one copy, or many, and how should these behave?
Max Length: 16
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* no-repeat
* repeat-x
* repeat-y
* round
* space
##### CONTAINER\_INNER\_BACKGROUND\_IMAGE\_POSITION
Controls the position of the inner background image.
Max Length: 6
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* bottom
* center
* left
* right
* top
##### CONTAINER\_INNER\_BACKGROUND\_IMAGE\_SIZE
Should the image stretch, or sit as large as possible without distorting? Cover = stretch.
Max Length: 16
Max Values Accepted: 1
Validate One: whitelisted\_stringcss\_size
Units and Ranges For css\_size:
* px : 1 - 3000 || Decimals: 0
* % : 0.1 - 150 || Decimals: 3
* vh : 0.1 - 200 || Decimals: 4
* hw : 0.1 - 200 || Decimals: 4
* rem : 0.1 - 50 || Decimals: 4
Permitted whitelisted\_string Values:
* contain
* cover
##### CONTAINER\_OUTER\_FOREGROUND\_COLOR
Set the colour for the foreground of the outer container, that will sit on top of everything else (inner container not included). If you want anything else to be visible here, you must use transparency.
Max Length: 32
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTAINER\_OUTER\_BACKGROUND\_COLOR
Set the colour for the very back of the outer container, that everything else will appear in front of. No need to use transparency here.
Max Length: 32
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTAINER\_OUTER\_BACKGROUND\_IMAGE
A link to an image to be used for the outer container's background. This will set in front of the outer background color and underneath the inner background color.
Max Length: 1000
Max Values Accepted: 1
Validate One: url
##### CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_REPEAT
Controls whether the outer background image should repeat or not.
Max Length: 16
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* no-repeat
* repeat-x
* repeat-y
* round
* space
##### CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_POSITION
Controls the position of the outer background image.
Max Length: 16
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* bottom
* center
* left
* right
* top
##### CONTAINER\_OUTER\_BACKGROUND\_IMAGE\_SIZE
Controls whether the outer background image should stretch and how.
Max Length: 16
Max Values Accepted: 1
Validate One: whitelisted\_stringcss\_size
Units and Ranges For css\_size:
* px : 1 - 3000 || Decimals: 0
* % : 0.1 - 150 || Decimals: 3
* vh : 0.1 - 200 || Decimals: 4
* hw : 0.1 - 200 || Decimals: 4
* rem : 0.1 - 50 || Decimals: 4
Permitted whitelisted\_string Values:
* contain
* cover
##### CONTAINER\_BORDER\_IMAGE
The location of the image, stored elsewhere.
Max Length: 1000
Max Values Accepted: 1
Validate One: url
##### CONTAINER\_BORDER\_IMAGE\_SLICE
Controls how the border image should be cut up and displayed.
Max Length: 64
Max Values Accepted: 4
Validate One: whitelisted\_stringcss\_size
Requires: CONTAINER\_BORDER\_IMAGECONTAINER\_BORDER\_IMAGE\_WIDTH
Units and Ranges For css\_size:
* no-unit : 0 - 20 || Decimals: 0
* % : 0 - 100 || Decimals: 3
Permitted whitelisted\_string Values:
* fill
Reference: [https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice)
##### CONTAINER\_BORDER\_IMAGE\_WIDTH
The width of the image used in the border.
Max Length: 64
Max Values Accepted: 4
Validate One: whitelisted\_stringcss\_size
Requires: CONTAINER\_BORDER\_IMAGE
Units and Ranges For css\_size:
* no-unit : 0 - 20 || Decimals: 0
* px : 0 - 30 || Decimals: 0
* % : 0 - 100 || Decimals: 3
Value Mapping:
1. All sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
Permitted whitelisted\_string Values:
* auto
Reference: [https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width)
##### CONTAINER\_BORDER\_IMAGE\_OUTSET
Controls where the border image appears in relation to the edges of the container. Higher values = further away.
Max Length: 64
Max Values Accepted: 4
Validate One: whitelisted\_stringcss\_size
Requires: CONTAINER\_BORDER\_IMAGECONTAINER\_BORDER\_IMAGE\_WIDTH
Units and Ranges For css\_size:
* no-unit : 0 - 20 || Decimals: 0
* px : 0 - 30 || Decimals: 0
Value Mapping:
1. All sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
Permitted whitelisted\_string Values:
* auto
Reference: [https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-outset)
##### CONTAINER\_BORDER\_IMAGE\_REPEAT
Whether the image repeats or not throughout the border, and how
Max Length: 32
Max Values Accepted: 2
Validate One: whitelisted\_string
Requires: CONTAINER\_BORDER\_IMAGECONTAINER\_BORDER\_IMAGE\_WIDTH
Value Mapping:
1. All sides
2. TOP+MIDDLE+BOTTOM LEFT+RIGHT
Permitted whitelisted\_string Values:
* stretch
* repeat
* round
* space
Reference: [https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-repeat)
##### CONTAINER\_BORDER\_COLOR
The color of the border.
Max Length: 120
Max Values Accepted: 4
Validate One: color\_namecolor\_hexcolor\_rgba
Requires: CONTAINER\_BORDER\_WIDTHCONTAINER\_BORDER\_STYLE
Value Mapping:
1. All sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
##### CONTAINER\_BORDER\_WIDTH
The thickness of the border.
Max Length: 64
Max Values Accepted: 4
Validate All: css\_size
Requires: CONTAINER\_BORDER\_STYLE
Units and Ranges For css\_size:
* px : 0 - 40 || Decimals: 0
* % : 0 - 15 || Decimals: 3
* vh : 0 - 5 || Decimals: 4
* hw : 0 - 5 || Decimals: 4
* rem : 0 - 4 || Decimals: 4
Value Mapping:
1. All sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
##### CONTAINER\_BORDER\_STYLE
The appearance style of the border.
Max Length: 64
Max Values Accepted: 4
Validate All: whitelisted\_string
Requires: CONTAINER\_BORDER\_WIDTH
Permitted whitelisted\_string Values:
* dotted
* dashed
* solid
* double
* groove
* ridge
* inset
* outset
##### CONTAINER\_BORDER\_RADIUS
Curves the sides of the container. This can be used without setting any borders at all.
Max Length: 64
Max Values Accepted: 4
Validate All: css\_size
Units and Ranges For css\_size:
* px : 0 - 200 || Decimals: 0
* % : 0 - 50 || Decimals: 3
* vh : 0 - 40 || Decimals: 4
* hw : 0 - 40 || Decimals: 4
* rem : 0 - 30 || Decimals: 4
Value Mapping:
1. All sides
2. TOP BOTTOM
3. TOP LEFT+RIGHT BOTTOM
4. TOP RIGHT BOTTOM LEFT
Reference: [https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius](https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius)
##### CONTAINER\_SHADOW\_COLOR
The color of the shadow.
Max Length: 32
Max Values Accepted: 1
Validate One: color\_namecolor\_hexcolor\_rgba
Requires One: CONTAINER\_SHADOW\_OFFSETCONTAINER\_SHADOW\_SPREADCONTAINER\_SHADOW\_BLUR
##### CONTAINER\_SHADOW\_OFFSET
The amount the shadow offsets from the container, first along, then up/down
Max Length: 32
Max Values Accepted: 2
Validate All: css\_size
Requires: CONTAINER\_SHADOW\_COLOR
Units and Ranges For css\_size:
* px : -15 - 15 || Decimals: 0
* % : -5 - 5 || Decimals: 3
* vh : -2 - 2 || Decimals: 4
* hw : -2 - 2 || Decimals: 4
* rem : -4 - 2 || Decimals: 4
Value Mapping:
1. Offset-X+Offset-Y
2. Offset-X Offset-Y
##### CONTAINER\_SHADOW\_SPREAD
The spread (thickness) of the shadow. Think of this like a border size that becomes a shadow with blur.
Max Length: 12
Max Values Accepted: 1
Validate All: css\_size
Requires: CONTAINER\_SHADOW\_COLOR
Units and Ranges For css\_size:
* px : 0 - 30 || Decimals: 0
* % : 0 - 10 || Decimals: 3
* vh : 0 - 5 || Decimals: 4
* hw : 0 - 5 || Decimals: 4
* rem : 0 - 3 || Decimals: 4
##### CONTAINER\_SHADOW\_BLUR
The blurryness of the shadow. Recommended to make this a few px at least, or the shadow will look like a border.
Max Length: 12
Max Values Accepted: 1
Validate All: css\_size
Requires: CONTAINER\_SHADOW\_COLOR
Units and Ranges For css\_size:
* px : 0 - 30 || Decimals: 0
* % : 0 - 10 || Decimals: 3
* vh : 0 - 5 || Decimals: 4
* hw : 0 - 5 || Decimals: 4
* rem : 0 - 3 || Decimals: 4
#### GROUP: CONTENT
##### CONTENT\_FONT
Sets the font for the page content. Any font listed on Google fonts is permitted. Copy the font name from the title on the Google fonts page and if there are any spaces, switch them for underscores. For example: Comic Neue becomes Comic\_Neue.
Max Length: 1000
Max Values Accepted: 2
Validate All: font\_name
Value Mapping:
1. Font for all content
2. Paragraph Headings
Reference: [https://fonts.google.com/](https://fonts.google.com/)
##### CONTENT\_FONT\_WEIGHT
Sets the font weight (boldness) for the page content. If you use multiple fonts, this will apply to them in the same order. If a weight is not available from Google then your browser will try to adjust the weight itself, which may look odd!
Max Length: 24
Max Values Accepted: 2
Validate All: whitelisted\_string
Value Mapping:
1. Font for all content
2. Paragraph Headings
Permitted whitelisted\_string Values:
* bold
* bolder
* lighter
* normal
* 100
* 200
* 300
* 400
* 500
* 600
* 700
* 800
* 900
##### CONTENT\_TEXT\_DIRECTION
Setting to rtl switches the text mode to right to left, which is recommended if using a right to left language such as Arabic. If you use this with a left to right language like English it will cause odd behaviour, such as punctuation appearing at the beginning of a line.
Max Length: 7
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* ltr
* rtl
##### CONTENT\_TEXT\_SIZE
Sets the font size, either for the whole page, or for separate types of content depending on how many Values you supply. <br />The first Value, base, sets the root font size of the page, which you can then make use of by setting other Values as relative. <br />It is recommended to set the base as 16px and to use rem for all other values. This will mean that you can then adjust all font sizes by changing only the base value. <br />For example, you set the base as 16px, Heading1 as 2.5rem and Paragraph as 1rem. This then outputs Heading1 as 2.5x16=40px and Paragraph as 16x1 = 16px. <br />Later, you decide you want to font to be larger. So you change the base to 20px. Now, Heading1 will be 2.5x20=50px and Paragraph will be 20x1=20px <br />If you have all Values set, this will make it much easier to control!
Default Value: 16px 1rem 2.5rem 2rem 1.75rem 1.5rem 1.25rem 1rem 1rem 1rem 1rem 14px
Max Length: 128
Max Values Accepted: 12
Validate All: css\_size
Units and Ranges For css\_size:
* no-unit : 0 - 0 || Decimals: 0
* px : 8 - 64 || Decimals: 0
* % : 10 - 500 || Decimals: 3
* vh : 2 - 10 || Decimals: 4
* hw : 2 - 10 || Decimals: 4
* rem : 0.3 - 8 || Decimals: 4
Value List:
1. Base
2. Paragraphs
3. \# Header 1
4. \## Header 2
5. \### Header 3
6. \#### Header 4
7. \##### Header 5
8. \###### Header 6
9. List item
10. Link
11. Quotes
12. Code
##### CONTENT\_TEXT\_ALIGN
Sets how text sits on the page, especially when there are multiple lines. Justify makes every line in a block of text take up the same width.
Default Value: left
Max Length: 7
Max Values Accepted: 1
Validate All: whitelisted\_string
Permitted whitelisted\_string Values:
* right
* center
* justify
##### CONTENT\_TEXT\_SHADOW\_COLOR
Sets the color of text shadow.
Max Length: 32
Max Values Accepted: 1
Validate One: color\_namecolor\_hexcolor\_rgba
Requires: CONTENT\_TEXT\_SHADOW\_OFFSET
##### CONTENT\_TEXT\_SHADOW\_OFFSET
Sets the offset of text shadow.
Max Length: 32
Max Values Accepted: 2
Validate All: css\_size
Requires: CONTENT\_TEXT\_SHADOW\_COLOR
Units and Ranges For css\_size:
* px : -15 - 15 || Decimals: 0
* % : -5 - 5 || Decimals: 3
* vh : -2 - 2 || Decimals: 4
* hw : -2 - 2 || Decimals: 4
* rem : -2 - 2 || Decimals: 4
Value Mapping:
1. Offset-X+Offset-Y
2. Offset-X Offset-Y
##### CONTENT\_TEXT\_SHADOW\_BLUR
Sets the blur of text shadow.
Max Length: 12
Max Values Accepted: 1
Validate All: css\_size
Requires: CONTENT\_TEXT\_SHADOW\_COLORCONTENT\_TEXT\_SHADOW\_OFFSET
Units and Ranges For css\_size:
* px : 0 - 30 || Decimals: 0
* % : 0 - 10 || Decimals: 3
* vh : 0 - 5 || Decimals: 4
* hw : 0 - 5 || Decimals: 4
* rem : 0 - 3 || Decimals: 4
##### CONTENT\_TEXT\_COLOR
Sets the base text color. Inline text colors will override this.
Max Length: 128
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTENT\_LINK\_COLOR
Sets the base link color.
Max Length: 16
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTENT\_BULLET\_COLOR
Sets the bullet color for lists.
Max Length: 64
Max Values Accepted: 2
Validate One: color\_namecolor\_hexcolor\_rgba
Value Mapping:
1. All Modes
2. Light Dark
##### CONTENT\_LINK\_BEHAVIOR
Sets whether links load in new pages, or on the same page. Internal links are Rentry URLs, external links are anything else.
Default Value: same new
Max Length: 32
Max Values Accepted: 2
Validate All: whitelisted\_string
Value Mapping:
1. All Links
2. Internal External
Permitted whitelisted\_string Values:
* same
* new
### Glossary
Don't know what a term means? We'll list everything you need to know here.
* **Option:** A metadata command, always in full capitals and with underscores for spaces, followed by the = sign. For example: PAGE\_TITLE =
* **Value:** The information you would like to apply to an Option. This is put after the first = sign and must not break to a new line.
* **Unit:** The descriptor for a number. For example 2px means 2 pixels.
* **Unit: Px (Pixels):** The little square dots a screen is made of. A phone normally has about 350 across and 700 down. A desktop is normally 1200-1600 by 1000.
* **Unit: %:** The percent of the container, or of the thing it is subordinate to (such as when used as a font size unit).
* **Unit: no-unit:** When an option allows for a bare number, it will be listed as this (as when no-unit is not available, a bare number will be read as the default unit for that option). The default unit is always no-unit when this is available.
* **Unit: hw (Horizontal Width):** The percentage of the full width of the page for the device that is viewing. On desktop, changing the window size will affect this.
* **Unit: vh (Vertical Height):** The percentage of the full height of the page for the device that is viewing. On desktop, changing the window size will affect this.
* **Unit: rem (Root EM):** A relative value based on the root font size. Affected by the font itself as the value is taken from width of the font's capital M.
Standalone: [/metadata-how](/metadata-how)
Go
* * *
[new](/)·[what](/what)·[how](/how)·[langs](/langs)·[contacts](/what#contacts)
Rentry.co - Markdown Paste Service
==================================