{"id":933,"date":"2021-06-05T16:49:39","date_gmt":"2021-06-05T07:49:39","guid":{"rendered":"http:\/\/www.agile-software.site\/?p=933"},"modified":"2023-01-01T17:58:04","modified_gmt":"2023-01-01T08:58:04","slug":"ailwindcss%e3%83%81%e3%83%bc%e3%83%88%e3%82%b7%e3%83%bc%e3%83%88%e8%a7%a3%e8%aa%actypography","status":"publish","type":"post","link":"https:\/\/agile-software.net\/?p=933","title":{"rendered":"Tailwindcss\u30c1\u30fc\u30c8\u30b7\u30fc\u30c8\u89e3\u8aac(Typography)"},"content":{"rendered":"\n

Font Family<\/h2>\n\n\n\n

Font Size<\/h2>\n\n\n\n
<\/th><\/th><\/tr><\/thead>
text-xs<\/td>font-size: 0.75rem; line-height: 1rem;<\/td><\/tr>
text-sm<\/td>font-size: 0.875rem; line-height: 1.25rem;<\/td><\/tr>
text-base<\/td>font-size: 1rem; line-height: 1.5rem;<\/td><\/tr>
text-lg<\/td>font-size: 1.125rem; line-height: 1.75rem;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Font Smoothing<\/h2>\n\n\n\n

Font Style<\/h2>\n\n\n\n

Font Weight<\/h2>\n\n\n\n

Font Variant Numeric<\/h2>\n\n\n\n

Font Variant Numeric<\/h2>\n\n\n\n

Letter Spacing<\/h2>\n\n\n\n

\u6587\u5b57\u9593\u9694<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/th><\/th><\/tr><\/thead>
tracking-normal<\/td>letter-spacing: 0em;<\/td><\/tr>
tracking-wide<\/td>letter-spacing: 0.025em;<\/td><\/tr>
tracking-wider<\/td>letter-spacing: 0.05em;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Line Height<\/h2>\n\n\n\n

leading\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3067\u884c\u306e\u9ad8\u3055\u3092\u8a2d\u5b9a\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n

<\/th><\/th><\/tr><\/thead>
leading-8<\/td>line-height: 2rem; \/* 32px *\/<\/td><\/tr>
leading-9<\/td>line-height: 2.25rem; \/* 36px *\/<\/td><\/tr>
leading-normal<\/td>line-height: 1.5;<\/td><\/tr>
leading-relaxed<\/td>line-height: 1.625;<\/td><\/tr>
leading-loose<\/td>line-height: 2;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
leading-normal\nSo I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.\n\nleading-relaxed\nSo I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.\n\nleading-loose\nSo I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.<\/code><\/pre><\/div>\n\n\n\n
Line Style Type<\/h2>\n\n\n\n
Line Style Position<\/h2>\n\n\n\n
Placeholder Color<\/h2>\n\n\n\n
Placeholder Opacity<\/h2>\n\n\n\n
Placeholder Opacity<\/h2>\n\n\n\n
Text Alignment<\/h2>\n\n\n\n
Text Color<\/h2>\n\n\n\n
Text Opacity<\/h2>\n\n\n\n
Text Decoration<\/h2>\n\n\n\n
Text Transform<\/h2>\n\n\n\n
Text Transform<\/h2>\n\n\n\n
uppercase<\/h3>\n\n\n\n
\u3059\u3079\u3066\u306e\u6587\u5b57\u3092\u5927\u6587\u5b57\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
lowercase<\/h3>\n\n\n\n
\u3059\u3079\u3066\u306e\u6587\u5b57\u3092\u5c0f\u6587\u5b57\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
capitalize<\/h3>\n\n\n\n
\u5404\u5358\u8a9e\u306e\u5148\u982d\u6587\u5b57\u306e\u307f\u3092\u5927\u6587\u5b57\u306b\u5909\u63db\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
normal-case<\/h3>\n\n\n\n
<\/p>\n\n\n\n
Text Overflow<\/h2>\n\n\n\n
Vertical Alignment<\/h2>\n\n\n\n
Whitespace<\/h2>\n\n\n\n
HTML\u30b3\u30fc\u30c9\u5185\u306e\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u3001\u30bf\u30d6\u3001\u6539\u884c\u3092\u30d6\u30e9\u30a6\u30b6\u3067\u3069\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u305b\u308b\u304b\u3092\u6c7a\u3081\u307e\u3059\u3002<\/p>\n\n\n\n
white-space: normal<\/h3>\n\n\n\n
    \n
  • \u9023\u7d9a\u3057\u305f\u6539\u884c\u3084\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u306f1\u3064\u306e\u7a7a\u767d\u306b\u307e\u3068\u3081\u3089\u308c\u308b<\/li>\n\n\n\n
  • \u8981\u7d20\u306e\u53f3\u7aef\u3067\u884c\u304c\u6298\u308a\u8fd4\u3057<\/code><\/li>\n\n\n\n
  • \u6587\u672b\u306e\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u3084\u6539\u884c\u306a\u3069\u306f\u57fa\u672c\u7684\u306b\u7121\u8996\u3055\u308c\u308b<\/li>\n<\/ul>\n\n\n\n
    \n
    \n
    \"\"<\/figure>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    nowrap\uff08\u6298\u308a\u8fd4\u3057\u306a\u3057\uff09<\/h3>\n\n\n\n
      \n
    • \u9023\u7d9a\u3057\u305f\u6539\u884c\u3084\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u306f1\u3064\u306e\u7a7a\u767d\u306b\u307e\u3068\u3081\u3089\u308c\u308b<\/li>\n\n\n\n
    • <br><\/code>\u3092\u4f7f\u308f\u306a\u3044\u9650\u308a\u3001\u884c\u306f\u6298\u308a\u8fd4\u3055\u308c\u306a\u3044<\/li>\n\n\n\n
    • \u6587\u672b\u306e\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u3084\u6539\u884c\u306a\u3069\u306f\u57fa\u672c\u7684\u306b\u7121\u8996\u3055\u308c\u308b<\/li>\n<\/ul>\n\n\n\n
      \n
      \n
      \"\"<\/figure>\n<\/div>\n\n\n\n
      \n
      \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
      <\/p>\n\n\n\n
      pre-line<\/h3>\n\n\n\n
        \n
      • \u9023\u7d9a\u3057\u305f\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u3084tab\u306f1\u3064\u306e\u7a7a\u767d\u306b\u307e\u3068\u3081\u3089\u308c\u308b<\/li>\n\n\n\n
      • HTML\u30b3\u30fc\u30c9\u5185\u306e\u6539\u884c\u306f\u305d\u306e\u307e\u307e\u53cd\u6620\u3055\u308c\u308b<\/li>\n<\/ul>\n\n\n\n
        \n
        \n
        \"\"<\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
        pre<\/h3>\n\n\n\n
        \n
        \n
        \"\"<\/figure>\n<\/div>\n\n\n\n
        \n
        \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
          \n
        • HTML\u5185\u306e\u6539\u884c\u3084\u534a\u89d2\u30b9\u30da\u30fc\u30b9\u304c\u30d6\u30e9\u30a6\u30b6\u8868\u793a\u306b\u305d\u306e\u307e\u307e\u53cd\u6620\u3055\u308c<\/li>\n\n\n\n
        • \u81ea\u52d5\u3067\u884c\u304c\u6298\u308a\u8fd4\u3055\u308c\u308b\u3053\u3068\u306f\u306a\u3044<\/li>\n<\/ul>\n\n\n\n
          pre-wrap<\/h3>\n\n\n\n
          <\/p>\n\n\n\n
          Word Break<\/h2>\n\n\n\n
          <\/p>\n","protected":false},"excerpt":{"rendered":"
          Font Family Font Size text-xs font-size: 0.75rem; line-height: 1rem; text-sm font-size: 0.875rem; line-height:<\/p>\n","protected":false},"author":1,"featured_media":934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jin_ogp_image_url":"","_jin_last_featured_id":0,"footnotes":""},"categories":[25],"tags":[],"class_list":["post-933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tailwindcss"],"_links":{"self":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=933"}],"version-history":[{"count":6,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":2449,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/posts\/933\/revisions\/2449"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=\/wp\/v2\/media\/934"}],"wp:attachment":[{"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/agile-software.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}