本文へ移動

Hoshi Stars星

肉眼で見える星の名前・色・距離、88星座の線と境界、メシエ天体、そしてそれらを描くための7種類の図法を使えます。

「星」(ほし) は、夜空に光って見えるものです。 名前について(英語)

目次

リファレンス · いちばん明るい星の名前と、うすい星座の線 (自分で描く空のために。個数か等級で選べます。ポインターが乗っている星座は濃く表示でき、空をおおうものにも対応し、見た目は設定だけで変えられます)

LABEL_STYLE_PROPERTIES定数

リファレンスの説明と例は英語です。見出しと目次は日本語です。

The name of the CSS custom property for each part of the look, for a page that styles its labels from a stylesheet.

インポート

import { LABEL_STYLE_PROPERTIES } from "@johnmorrisdotca/hoshi-stars/sky-labels";

定義

const LABEL_STYLE_PROPERTIES: Readonly<Record<keyof LabelStyle, string>> = Object.freeze({
    font: "--hoshi-label-font",
    size: "--hoshi-label-size",
    weight: "--hoshi-label-weight",
    colour: "--hoshi-label-colour",
    halo: "--hoshi-label-halo",
    haloWidth: "--hoshi-label-halo-width",
    case: "--hoshi-label-case",
    letterSpacing: "--hoshi-label-letter-spacing",
    leader: "--hoshi-label-leader",
    leaderColour: "--hoshi-label-leader-colour",
    offset: "--hoshi-label-offset",
    ring: "--hoshi-label-ring",
    ringColour: "--hoshi-label-ring-colour",
    ringWidth: "--hoshi-label-ring-width",
    designation: "--hoshi-label-designation",
    designationFont: "--hoshi-label-designation-font",
    designationSize: "--hoshi-label-designation-size",
    designationColour: "--hoshi-label-designation-colour",
})

例

import { LABEL_STYLE_PROPERTIES } from "@johnmorrisdotca/hoshi-stars/sky-labels";

console.log(LABEL_STYLE_PROPERTIES.letterSpacing);
--hoshi-label-letter-spacing

出力(このページを作ったときに実行した結果)

ソースを見るGitHub で編集@johnmorrisdotca/hoshi-stars 0.47.0 のソースから作成しました。

この日本語は、まだ日本語を母語とする方の確認を受けていません。訂正を歓迎します。