Altis

Tag: Border

  • Image

    Alignment

    Align left
    Center
    Align right
    Wide
    Full width
    Rounded variation

    Aspect ratio

    Original
    1:1
    4:3
    3:4
    3:2
    2:3
    16:9
    9:16

    Expand on click

    Border

    Duotone

  • Footnotes

    Each post can only have one footnotes block, remember to also test the block options.

    A paragraph1

    Another paragraph2

    1. A note ↩︎
    2. Another note ↩︎

  • Verse

    Write a verse without alignment
Code is poetry
    Write a bold verse
Code is poetry
    Write an italic verse
Code is poetry
    Write a linked verse
Code is poetry

    Alignment

    Write a left aligned verse
Code is poetry
    Write a centered verse
Code is poetry
    Write a right aligned verse
Code is poetry

    Color

    Write a verse
Code is poetry
    Write a verse with link color
Code is poetry
    Write a verse with link color
Code is poetry

    Border

    Write a verse
Code is poetry

    Padding and margin

    Write a verse, padding preset: 4
Code is poetry
    Write a verse, margin preset: 4
Code is poetry

    Typography

    Font size

    Write a verse
Code is poetry
    Write a verse
Code is poetry
    Write a verse
Code is poetry
    Write a verse
Code is poetry

    Appearance

    Write a verse
Code is poetry
    Write a verse
Code is poetry

    Line height

    Write a verse
Code is poetry

    Letter spacing

    Write a verse
Code is poetry

    Decoration

    Write a verse
Code is poetry
    Write a verse
Code is poetry

    Letter case

    Write a verse
Code is poetry
    Write a verse
Code is poetry
    Write a verse
Code is poetry

  • Table

    Cell 1Cell 2
    Cell 3Cell 4
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Caption
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Alignment

    Header labelHeader label
    This table block has wide widthCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This table block is full widthCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This table block is left aligendCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This table block is centeredCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This table block is right alignedCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Note: there is a spacer block above to clear the alignment.

    Header labelHeader label
    This column has “align column left”Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This column has “align column center”Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    This column has “align column right”Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Fixed width table cellsCell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Variation: Stripes

    Header labelHeader label
    Stripes style variationCell 2
    Cell 3Cell 4
    Cell 5Cell 6
    Cell 7Cell 8
    Footer labelFooter label
    Caption

    Color

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Border

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Padding and margin

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Typography

    Font size

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Appearance

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Line height

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Letter spacing

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Decoration

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

    Letter case

    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption
    Header labelHeader label
    Cell 1Cell 2
    Cell 3Cell 4
    Footer labelFooter label
    Caption

  • Pullquote

    Alignment

    Pullquote, no alignment

    Citation

    Pullquote, left aligned text

    Citation

    Pullquote, centered text

    Citation

    Pullquote, right aligned text

    Citation

    Pullquote, no text alignment, wide width

    Citation

    Pullquote, no text alignment, full width

    Citation

    Pullquote, no text alignment, left aligned block

    Citation

    Pullquote, left aligned text, left aligned block

    Citation

    Pullquote, right aligned text, left aligned block

    Citation

    Pullquote, no text alignment, right aligned block

    Citation

    Pullquote, left aligned text, right aligned block

    Citation

    Pullquote, right aligned text, right aligned block

    Citation

    Note: there is a spacer block above to clear the alignment.

    Color

    Pullquote, text color

    Citation

    Pullquote, text and background color

    Citation

    Pullquote, text, link and background color. Example link.

    Citation

    Pullquote, text, link and gradient background color. Example link.

    Citation

    Border

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Typography

    Font size

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Appearance

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Line height

    Pullquote, no alignment

    Citation

    Letter spacing

    Pullquote, no alignment

    Citation

    Decoration

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Letter case

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

    Pullquote, no alignment

    Citation

  • Details

    Summary

    Paragraph block

    Open by default

    Paragraph block

    Alignment

    Wide width

    Paragraph block

    Full width

    Paragraph block

    Color

    Summary

    Paragraph block

    Summary

    Paragraph block

    Summary

    Paragraph block with link

    Border

    Summary

    Paragraph block

    Summary

    Paragraph block

    Dimensions

    Padding preset: 4

    Summary

    Paragraph block

    Margin preset: 4

    Summary

    Paragraph block

    Block spacing preset: 4

    Summary

    Paragraph block

    Typography

    Font size

    Summary

    Paragraph block

    Summary

    Paragraph block

    Summary

    Paragraph block

    Summary

    Paragraph block

    Appearance

    Summary

    Paragraph block

    Summary

    Paragraph block

    Line height

    Summary

    Paragraph block

    Letter spacing

    Summary

    Paragraph block

    Decoration

    Summary

    Paragraph block

    Summary

    Paragraph block

    Letter case

    Summary

    Paragraph block

    Summary

    Paragraph block

    Summary

    Paragraph block

  • Code

    Hello World, default width (none).
    Hello World. Wide width.
    Hello World, bold
    Hello World, italic
    Hello World, linked
    Hello World, highlighted

    Color

    Hello World
    Hello World

    Typography

    Font size

    Hello World
    Hello World
    Hello World
    Hello World

    Appearance

    Hello World
    Hello World

    Line height

    Hello World

    Letter spacing

    Hello World

    Decoration

    Hello World
    Hello World

    Letter case

    Hello World
    Hello World
    Hello World

    Border

    Hello World

    Padding and margin

    Hello World, padding preset: 4
    Hello World, vertical margin preset: 4