[CSS][縦書] CSSç ”ç©¶éƒ¨Webサイトを立ã¡ä¸Šã’ã¾ã—ãŸï½œTechRacho by BPSæ ªå¼ä¼šç¤¾
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€hachi8833ã§ã™ã€‚ 9月ã«å¼Šç¤¾å†…ã«ã¦CSSç ”ç©¶éƒ¨ä¼šãŒçµæˆã•ã‚Œã€ã“ã®ãŸã³ä»¥ä¸‹ã®å…¬å¼ãƒšãƒ¼ã‚¸ã‚’公開ã„ãŸã—ã¾ã—ãŸã€‚ CSSç ”ç©¶éƒ¨ -- BPSæ ªå¼ä¼šç¤¾ 第一回部会 -- part 1 弊社ã§ã¯æ—¥æœ¬èªžç¸¦æ›¸ãビューアエンジン[超縦書]é›»å書ç±ã§ã®ç¸¦æ›¸ã表示ã«åŠ›ã‚’入れã¦ãŠã‚Šã€CTOã®babaã•ã‚“を始ã‚ã¨ã™ã‚‹ãƒ¡ãƒ³ãƒãƒ¼ãŒã€W3Cã®CSS仕様ã¨å„ブラウザã§ã®CSS実装ã®é•ã„ãªã©ã®å…ˆé€²çš„ãªèª²é¡Œã«æ—¥ã€…å–り組んã§ã„ã¾ã™ã€‚ 部会ã§ã®æˆæžœã¯ä»Šåº¦ä¸Šã®ãƒšãƒ¼ã‚¸ã«ã¦ç¶™ç¶šçš„ã«ç™ºè¡¨ã„ãŸã—ã¾ã™ã®ã§ã€ã©ã†ãžã”期待ãã ã•ã„。 ブラウザã”ã¨ã«ç¸¦æ›¸ã表示ãŒã„ã‹ã«ç•°ãªã‚‹ã‹ CSS部ページã®ãŠæŠ«éœ²ç›®ä»£ã‚ã‚Šã«ç¸¦æ›¸ã表示ã®ã‚µãƒ³ãƒ—ルをã”紹介ã—ã¾ã™ã€‚CSSç ”ç©¶éƒ¨ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã®å†’é ã«æŽ²è¼‰ã•ã‚Œã¦ã„る縦書ãサンプルを使用ã—ã¦ã€ãƒ–ラウザã«ã‚ˆã‚‹ç¸¦æ›¸ã表示ã®é•ã„を確èªã§ãã¾ã™ã€‚皆様ã®ç’°å¢ƒã§ã¯ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã§ã—ょã†ã‹? ã”自由ã«ã•ã¾ã–ã¾ãª
![[CSS][縦書] CSSç ”ç©¶éƒ¨Webサイトを立ã¡ä¸Šã’ã¾ã—ãŸï½œTechRacho by BPSæ ªå¼ä¼šç¤¾](https://cdn-ak-scissors.b.st-hatena.com/image/square/688799418e6705d87fd79219f7e27f11b84a007b/height=288;version=1;width=512/https%3A%2F%2Ftechracho.bpsinc.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Fcsslab-square-e1416377125309.png)
CSS組版ブãƒã‚° | EPUBã‚„CSSã¨æ—¥æœ¬èªžãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€XML組版ã€AH Formatterã«ã¤ã„ã¦
ãŠçŸ¥ã‚‰ã›ã§ã™ã€‚ ã“ã®ãŸã³ã‚¢ãƒ³ãƒ†ãƒŠãƒã‚¦ã‚¹ã®å‡ºè³‡ã«ã‚ˆã‚Šæ–°ä¼šç¤¾ï¼ˆæ ªå¼ä¼šç¤¾ãƒ“ブリオスタイルï¼Vivliostyle Inc.ï¼ä»£è¡¨ï¼šæ‘上真雄）をè¨ç«‹ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸï¼ˆ2014-08-12ã«è¨ç«‹ç™»è¨˜äºˆå®šï¼‰ã€‚ 新会社 Vivliostyle ã¯ã€ˆCSS組版〉ã®æ™®åŠæŽ¨é€²ã‚’目的ã¨ã—ã€æ–°ãŸã«Webブラウザベースã®DTP＆自動組版ツールã®ç ”究・開発ã€é–¢é€£ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソースプãƒã‚¸ã‚§ã‚¯ãƒˆã®æŽ¨é€²ã€æ¨™æº–化ã¸ã®ã‚³ãƒŸãƒƒãƒˆãªã©è¡Œã£ã¦ã„ãã¾ã™ã€‚ AH Formatterã¯ã€XSL-FO組版ã¨CSS組版ã®ä¸¡æ–¹ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã‚¢ãƒ³ãƒ†ãƒŠãƒã‚¦ã‚¹ãŒç‹¬è‡ªé–‹ç™ºã—ã¦ããŸçµ„版エンジンã§ã™ã€‚ 先日ã®äº‹ä¾‹ç´¹ä»‹ã‚»ãƒŸãƒŠãƒ¼ã§ã¯XSL-FO組版ã¨CSS組版ã®ã©ã¡ã‚‰ã‚‚ã™ã°ã‚‰ã—ã„活用事例ã®ç™ºè¡¨ã‚’ã„ãŸã ãã€é–‹ç™ºã«æºã‚ã£ã¦ããŸã‚‚ã®ã¨ã—ã¦å¤§å¤‰å¬‰ã—ã„ã‚‚ã®ã§ã—ãŸã€‚ ç§ï¼ˆæ‘上）ã¯ä»Šå¾Œã€æ–°ä¼šç¤¾ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å°‚念ã™ã‚‹ãŸã‚ã«ã€AH Formatterã®é–‹ç™ºã‹ã‚‰é›¢ã‚Œã¾ã™ãŒã€
UTR50（Unicode縦書ãã®æ–‡å—ã®å‘ã仕様）ã§æ³¨æ„ã‚’è¦ã™ã‚‹æ–‡å— | CSS組版ブãƒã‚°
ã“ã‚Œã¾ã§ä½•åº¦ã‹UTR50（Unicode縦書ãã®æ–‡å—ã®å‘ã仕様）を話題ã«ã—ã¦ãã¾ã—ãŸãŒã€2013å¹´8月31æ—¥ã«æ£å¼ç‰ˆãŒå‡ºã¦ã€CSS3 Writing Modes仕様（ç¾åœ¨æœ€çµ‚è‰æ¡ˆï¼‰ã§ã‚‚ã€ã“ã®UTR50仕様ãŒç¸¦æ›¸ãã®æ–‡å—ã®å‘ãã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã‚‹ã“ã¨ãŒç¢ºå®šã—ã¾ã—ãŸã€‚ 今後ã¯EPUBリーダーãªã©ã§ã®ç¸¦æ›¸ãã®æ–‡å—ã®å‘ãã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¨ã—ã¦ã€ã“ã‚ŒãŒæ¨™æº–ã«ãªã£ã¦ã„ãã‚‚ã®ã¨æ€ã‚ã‚Œã¾ã™ãŒã€ç¾åœ¨ã¯ãã‚Œãžã‚Œç‹¬è‡ªã§ã‚ã£ãŸã‚Šãƒ‰ãƒ©ãƒ•ãƒˆç‰ˆã®UTR50ベースã§ã‚ã£ãŸã‚Šã—ã¦ã€å®Ÿè£…ã«ã‚ˆã£ã¦å‘ããŒã¾ã¡ã¾ã¡ã§ã™ï¼ˆãれを解決ã—よã†ã¨ã—ãŸã®ãŒUTR50ãªã®ã§ã™ãŒï¼‰ã€‚æ–°ã—ã„標準ã«åˆ‡ã‚Šæ›¿ã‚ã‚‹ã¾ã§ã®ã‚ã„ã ã€é›»å書ç±åˆ¶ä½œå´ã§ã¯ã„ã‚ã„ã‚注æ„ãŒå¿…è¦ã§ã™ã€‚ ã“ã‚Œã«ã¤ã„ã¦ã€ã€Œé›»æ›¸é‚ã€ã®æ¬¡ã®ãƒ–ãƒã‚°è¨˜äº‹ãªã©å‚考ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ï¼š InDesignã¨EPUBã®ç¸¦æ›¸ã時ã®æ–‡å—ã®å‘ãã®å·®ã«ã¤ã„ã¦ï¼é›»æ›¸é‚ ã¾ãŸã€UTR50ã¨CSS3 Writing Mode
縦書ã文庫ã®é–‹ç™ºæ—¥èªŒ
最近ã€ä¸»åŠ›å•†å“？ã§ã‚ã‚‹ã¨ã“ã‚ã®ã€Œæ—¥æœ¬æ–‡å¦100é¸ã€ãƒ–ãƒã‚°ãƒ‘ーツã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰æ•°ãŒè½ã¡ã¦ã‚‹ãªã‚ã¨æ€ã£ã¦ãŸã‚‰ã€ã©ã†ã‚„らIEã§è¡¨ç¤ºãŒä¹±ã‚Œã¦ã„ãŸã¿ãŸã„ã§ã™ï¼ˆã‚¿ã‚¤ãƒˆãƒ«æ–‡å—ãŒã‚»ãƒ³ã‚¿ãƒªãƒ³ã‚°ã•ã‚Œãšã«å·¦ã«å¯„ã£ã¦ãŸï¼‰ã€‚ ã§ã€IEã®å•é¡Œã«ã¤ã„ã¦ã¯ç›´ã—ãŸã®ã§ã™ãŒã€ã„ã¤ã®ã¾ã«ã‚„らOperaã§è¡¨ç¤ºã•ã‚Œãªããªã£ã¦ã„ã¦â€¦ãã£ã¡ã¯æœªè§£æ±ºã§ã™ã€‚ã™ã¿ã¾ã›ã‚“。 ã§ã€ä»Šã•ã‚‰ã«ãªã‚Šã¾ã™ãŒã€Œæ—¥æœ¬æ–‡å¦100é¸ã€æœ¬æ£šã®åŸ‹ã‚è¾¼ã¿ã‚³ãƒ¼ãƒ‰ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ 横幅ã¯ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§ bs_width ã®å€¤(åˆæœŸè¨å®šã¯170)を好ããªé•·ã•ã«å¤‰ãˆã¦ãã ã•ã„（上ã®è¡¨ç¤ºä¾‹ã¯440ã«ã—ã¦ã¾ã™ï¼‰ã€‚ <script type='text/javascript'>bs_width=170;user_id='ds100';</script><script type='text/javascript' src='http://gomyway.dip.jp/bungou/js
ã€æœ—å ±ã€‘Twitterã§ç¸¦æ›¸ããŒã§ãるよã†ã«ãªã£ãŸãžï¼ ã¤ã¶ã‚„ãã‚’ç°¡å˜ã«ç¸¦æ›¸ãã«å¤‰æ›ã§ãるサイト | ãƒã‚±ãƒƒãƒˆãƒ‹ãƒ¥ãƒ¼ã‚¹24
» ã€æœ—å ±ã€‘Twitterã§ç¸¦æ›¸ããŒã§ãるよã†ã«ãªã£ãŸãžï¼ ã¤ã¶ã‚„ãã‚’ç°¡å˜ã«ç¸¦æ›¸ãã«å¤‰æ›ã§ãるサイト 特集 基本的ã«æ¨ªæ›¸ãã—ã‹ã§ããªã‹ã£ãŸTwitterã ãŒã€æœ€è¿‘ã«ãªã£ã¦ç¸¦æ›¸ã表示もå¯èƒ½ã«ãªã£ãŸã€‚ã“ã‚Œã¯Twitterã®ã‚³ãƒ¡ãƒ³ãƒˆè¡¨ç¤ºãŒæ”¹è¡Œã‚’èªè˜ã™ã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ã‚‰ã§ã€ã†ã¾ã書ã‘ã°ç¸¦æ›¸ã表示もå¯èƒ½ãªã®ã§ã‚る。ã—ã‹ã—ã€é‹å–¶å´ãŒã€Œç¸¦æ›¸ãã—よã†ãœï¼ã€ã¨æŽ¨å¥¨ã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªã„。 縦書ãã«ã™ã‚‹ã«ã¯ã€ã„ã¡ã„ã¡ç©ºç™½ã‚„全角やåŠè§’を計算ã—ã¦æ›¸ã‹ãªãã¦ã¯ãªã‚‰ãªã„。ã¤ã¾ã‚Šã€ã‚¹ãƒžãƒ›ã‚„パソコンã‹ã‚‰æ™®é€šã«æ›¸ã„ã¦ç¸¦æ›¸ãã‚’ã™ã‚‹ã®ã¯é›£ã—ã„ã®ã 。ãã“ã§ç™»å ´ã—ãŸã®ãŒã€æ¨ªæ›¸ãを縦書ãã«å¤‰æ›ã—ã¦ãれるサイトã ï¼ ãã®ã‚µã‚¤ãƒˆã¯ã€Žç¸¦æ›¸ for Twitterã€ã¨ã„ã„ã€ä¸Šæ®µã®è¨˜å…¥ãƒ•ã‚©ãƒ¼ãƒ ã«ç¸¦æ›¸ãã«ã—ãŸã„テã‚ストを打ã¡è¾¼ã‚€ã€‚ãã—ã¦ã€Œå¤‰æ›ã™ã‚‹ã€ã‚’クリックã™ã‚‹ã¨ã€ä¸‹æ®µã®ãƒ•ã‚©ãƒ¼ãƒ ã«ç¸¦æ›¸ã表示ã•ã‚ŒãŸãƒ†ã‚ストãŒç”Ÿæˆã•ã‚Œã‚‹ã®ã 。 生æˆã•ã‚ŒãŸãƒ†ã‚ストをコ
ç«¹å– JS
ç”»é¢ã‚’ダブルクリックã§ç¸¦æ›¸ãã¨æ¨ªæ›¸ãを切り替ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¦ç´ を指定ã—ã¦ç¸¦æ›¸ãã«ã—ã¦ã„ã‚‹å ´åˆã¯ã€æ¬¡å›žã‚¢ã‚¯ã‚»ã‚¹æ™‚ã«åŒã˜è¡¨ç¤ºãŒå¼•ã継ãŒã‚Œã¾ã™ã€‚ ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚縦書ãã«ã™ã‚‹ãƒ–ックマークレット。 ↓å³ã‚¯ãƒªãƒƒã‚¯ã§ã€ŒãŠæ°—ã«å…¥ã‚Šã€ã«ä¿å˜ã™ã‚‹ã‹ã€ãƒªãƒ³ã‚¯ã‚’ドラッグã—ã¦ãƒ–ックマークãƒãƒ¼ã«ãƒ‰ãƒãƒƒãƒ—ã—ã¾ã™ã€‚ 「縦書ãã«ã™ã‚‹ãƒ»iPhone 用リンク〠「縦書ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠「段組ã¿ç¸¦æ›¸ãå¯èƒ½ã«ã™ã‚‹ãƒ»iPhone 用リンク〠iPhone ã«ç™»éŒ²ã™ã‚‹ã«ã¯ï¼Ÿ ã¨ã‚Šã‚ãˆãšã“ã®ãƒšãƒ¼ã‚¸ã‚’共有ボタンã‹ã‚‰ãƒ–ックマーク。 iPhone 用リンク を長押ã—ã—ã¦ã‚³ãƒ”ー。 ブックマークを開ã„ã¦ã€è¿½åŠ ã—ãŸãƒ–ックマークを「編集ã€ã€‚ åå‰ã‚’「縦書ãå¯èƒ½ã«ã™ã‚‹ã€ãªã©ã«å¤‰æ›´ã—ã€URL 欄ã«ä¸Šè¨˜ã‚³ãƒ¼ãƒ‰ã‚’ペースト。 最åˆã®ã€Œhttp://ã€ã‚’削除。 注æ„ï¼ ã‚„ã‚„å‹•ä½œãŒé‡ã„ã§ã™ï¼ ã†ã¾ã変æ›ã§ããªã‹ã£ãŸã¨ãã¯ã€ç”»é¢ã‚’ダブ
本ã®è™«: Chromeã§ã€CSSã«ã‚ˆã‚‹ç¸¦æ›¸ãã¨ãƒžãƒ«ãƒã‚«ãƒ©ãƒ レイアウトã®åˆã‚ã›æŠ€ã‚’試ã™
CSS Multi-column Layout Module CSS3ã«ã¯ã€ãƒžãƒ«ãƒã‚«ãƒ©ãƒ レイアウトãŒè¦å®šã•ã‚Œã¦ã„る。ã“ã‚Œã¯ã€ç¸¦æ›¸ãã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ãŒã§ãる。例ãˆã°ã€ä»¥ä¸‹ã®æ§˜ãªCSSを使ã†ã¨ã€ <div style=" column-width: 15em ; column-gap: 2em ; column-rule: thin solid black ; -webkit-column-width: 15em ; -webkit-column-gap: 2em ; -webkit-column-rule: thin solid black ; writing-mode : vertical-rl ; -webkit-writing-mode : vertical-rl ; font-family : '@ï¼ï¼³ 明æœ' ; font-size : 16pt ; line-height :
h2v.js : Webページを縦書ãレイアウトã«å¤‰æ›ã™ã‚‹JavaScript - tategaki.info
★ 特ã«ç†ç”±ãŒãªã„å ´åˆã¯h2vR.jsã®åˆ©ç”¨ã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ 主è¦ãªãƒ–ラウザ上ã§ã€ç°¡å˜ã«ã€è»½å¿«ã«ã€æ—¥æœ¬èªžã®ç¸¦æ›¸ãレイアウトを実ç¾ã™ã‚‹ JavaScript ・ h2v.js ã®æ¦‚è¦ã‚’紹介ã—ã¾ã™ã€‚ ã€é‡è¦ï¼š2016.07.22】:
Webブラウザã§ã®æ—¥æœ¬èªžç¸¦æ›¸ã表示ã€é †èª¿ã«é€²è¡Œä¸ã€‚年内ã«ã¯å®Ÿè£…ã®è¦‹é€šã—
縦書ãやルビã¨ã„ã£ãŸæ—¥æœ¬èªžçµ„ã¿ç‰ˆã‚’Webブラウザや電å書ç±ãªã©ã§å®Ÿç¾ã™ã‚‹ãŸã‚ã®ä»•æ§˜ç–定ãŒã€Web標準をç–定ã—ã¦ã„ã‚‹W3Cã‚„ã€é›»å書ç±ã®æ¨™æº–ã‚’ç–定ã—ã¦ã„ã‚‹IDPFãªã©ã§é€²è¡Œã—ã¦ã„ã¾ã™ãŒã€ãã‚Œã«åˆã‚ã›ã¦Webブラウザã§ã®å®Ÿè£…も進んã§ã„ã‚‹ã“ã¨ãŒç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚ 発表ã¯ã€ç·å‹™çœã€å¹³æˆ22年度「新ICT利活用サービス創出支æ´äº‹æ¥ã€ï¼ˆé›»å出版ã®ç’°å¢ƒæ•´å‚™ï¼‰ã®ã€ŒEPUB日本語拡張仕様ç–定ã€ã‚’å—託ã—ãŸã‚¤ãƒ¼ã‚¹ãƒˆã€å…±åŒæ案者ã®æ—¥æœ¬é›»å出版å”会ã€ã‚¢ãƒ³ãƒ†ãƒŠãƒã‚¦ã‚¹ã®é€£åã§è¡Œã‚ã‚Œã¦ãŠã‚Šã€ã“ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã‚ŠSafariã€Chromeãªã©ã®Webブラウザã€iBooksãªã©ã®é›»å書ç±ãƒ“ュアーãªã©ã§æ—¥æœ¬èªžçµ„ã¿ç‰ˆã®å®Ÿè£…ãŒé€²ã‚“ã§ã„ã‚‹ã“ã¨ã‚’次ã®ç”»é¢ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ 年内ã«ã¯æ—¥æœ¬èªžçµ„ã¿ç‰ˆãŒå®Ÿè£…ã•ã‚Œã‚‹è¦‹é€šã— 発表ã•ã‚ŒãŸç”»é¢ã¯ã€Webブラウザã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ã¨ãªã‚‹Webkitã®é–‹ç™ºä¸ã®ãƒ“ルドを用ã„ã¦è¡Œã£ãŸã‚‚ã®ã€‚縦書ãã€ãƒ«ãƒ“ã€åœ
Safari 5.1ã§ã€CSS3ã®ç¸¦æ›¸ãテã‚スト表示をãƒã‚§ãƒƒã‚¯ | Mac OS X | MacãŠå®é‘‘定団 blog（羅é‡ç›¤ï¼‰
日本語ã§ã®Mac,iPhone,iPad,iPodãªã©Apple関連ã®æƒ…å ±ã‚µã‚¤ãƒˆã€‚MACãŠå®é‘‘定団ã®Blog。 Macã«æ‰ã‚ã‚Œãšã€æ§˜ã€…ãªæƒ…å ±ã‚’æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ OS X Lionã®Safari 5.1ã€ã¾ãŸã¯Safari 5.1 for Snow Leopardã§ã¯ã€CSS3ã®ç¸¦æ›¸ãテã‚ストãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã€ã‚¦ã‚§ãƒ–ページã§ç¸¦æ›¸ãã®ãƒ†ã‚ストレイアウト表示ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ 試ã—ã«ã€ã‚¤ãƒ¼ã‚¹ãƒˆç¤¾ã®ã€ŒBizPal - EPUBã€ã§ã‚µãƒ³ãƒ—ルé…布ã•ã‚Œã¦ã„ã‚‹å¤ç›® 漱石ã®ã€Œè‰æž•ã€ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã¦ã€Safari 5.1ã§é–‹ã„ã¦ã¿ã¾ã—ãŸã€‚ ã¡ã‚ƒã‚“ã¨ç¸¦æ›¸ã表示ã•ã‚Œã€ãƒ«ãƒ“も表示ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ãŸã€ã‚¢ãƒ©ãƒ“ア数å—ã®ä¸€éƒ¨ã«ç¸¦ä¸æ¨ªè¡¨ç¤ºæŒ‡å®šãŒã•ã‚Œã¦ã„ã¾ã™ãŒã€ãれも表示ã•ã‚Œã¦ã„ã¾ã™ã€‚ ↓ã®è©•ä¾¡ãƒœã‚¿ãƒ³ã‚’押ã—ã¦ãƒ©ãƒ³ã‚ングをãƒã‚§ãƒƒã‚¯ï¼ TagCSS3EPUB3Mac_OS_X_Snow_LeopardOS_X_LionSafa
スタイルシートã§ç¸¦æ›¸ã - 縦書ã用CSS - tategaki.info
縦書ãレイアウト用スタイルシートã§ã™ã€‚JavaScriptãªã©ã‚’使用ã›ãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã§ç¸¦æ›¸ãを実ç¾ã§ãã¾ã™ã€‚ 縦書ãWebレイアウト用ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ "tate-style.css"ã§ã™ã€‚コピーã—ã¦ãŠä½¿ã„ãã ã•ã„。 ※ 2013.03.27 font-familyè¨å®šã‚’アップデート。 ※ 2011.07.03 ç´°ã‹ã€œã„ä¿®æ£ã‚’ã—ã¾ã—ãŸã€‚詳ã—ã㯠→ ã“ã¡ã‚‰ã§ã€‚ @charset 'UTF-8'; /* 縦書ãレイアウト用スタイルシート tate-style.css last updated : Mar 27 , 2013 [email protected] http://freefielder.jp http://tategaki.info/ */ div.tate-area{ float:right; font-size:12pt; } div.tate-area a{ col
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.favorite-labo.org/tools/tategaki/
nemousu.com
GitHub - allianceport/tategumi.js: It's support Japanese vertical layout on your browser. written by javascript
Google Code Archive - Long-term storage for Google Code Project Hosting.
Alliance port LLC
ãŸã¦ãŒã言葉 | 俳å¥ã‚„çŸæŒã€å·æŸ³ã‚’投稿ã—よã†ï¼
BizPal
{{#tags}}- {{label}}
{{/tags}}