{"id":206,"date":"2023-10-01T17:48:22","date_gmt":"2023-10-01T15:48:22","guid":{"rendered":"https:\/\/gdm.sosthe.sk\/?page_id=206"},"modified":"2023-10-01T17:48:22","modified_gmt":"2023-10-01T15:48:22","slug":"text-a-pismo","status":"publish","type":"page","link":"https:\/\/gdm.sosthe.sk\/?page_id=206","title":{"rendered":"Text a p\u00edsmo"},"content":{"rendered":"<h3><span>Zdru\u017een\u00e1 defin\u00edcia p\u00edsma \u2013 font<\/span><\/h3>\n<p><span>Umo\u017e\u0148uje skr\u00e1ten\u00fd z\u00e1pis v\u0161etk\u00fdch vlastnost\u00ed p\u00edsma:<\/span><\/p>\n<ul>\n<li><span>font-size<\/span><\/li>\n<li><span>line-height<\/span><\/li>\n<li><span>font-variant<\/span><\/li>\n<li><span>font-weight<\/span><\/li>\n<li><span>font-style<\/span><\/li>\n<li><span>font-family<\/span><\/li>\n<\/ul>\n<pre><span style=\"color: #0000ff;\">p {font: small-caps bold italic Arial 120%\/1.5;}<\/span><\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"\" \/><span>Pri pou\u017eit\u00ed zdru\u017eenej defin\u00edcie s\u00fa pri neuveden\u00fdch vlastnostiach nastaven\u00e9 v\u00fdchodiskov\u00e9 hodnoty.<\/span><\/p>\n<pre><span style=\"color: #0000ff;\">p {font: 90% bold;}\r\n<\/span><\/pre>\n<h3><span>Typ p\u00edsma \u2013 font-family<\/span><\/h3>\n<ul>\n<li><span>Proporcion\u00e1lne p\u00edsmo \u2013 r\u00f4zne znaky maj\u00fa r\u00f4znu \u0161\u00edrku, ktor\u00e1 obsahuje pr\u00e1zdny priestor pred a za p\u00edsmenom<\/span>\n<ul>\n<li><span>Bezp\u00e4tkov\u00e9 (rodina sans-serif)<\/span><\/li>\n<li><span>P\u00e4tkov\u00e9 (rodina serif)<\/span><\/li>\n<li><span>Ozdobn\u00e9 p\u00edsmo (rodina fantasy, cursive)<\/span><\/li>\n<\/ul>\n<\/li>\n<li><span>Neproporcion\u00e1lne p\u00edsmo (rodina monospace) \u2013 v\u0161etky znaky p\u00edsma s\u00fa rovnako \u0161irok\u00e9 (napodobenie p\u00edsacieho stroja alebo \u010falekopisu)<\/span><\/li>\n<\/ul>\n<pre><span style=\"color: #0000ff;\">body, table {\r\n  font-family: 'Arial CE', 'Helvetica CE', Arial, Helvetica, clean, sans-serif;\r\n}\r\nh1, h2, h3, h4, h5, h6 {\r\n  font-family: Georgia, 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;\r\n}\r\npre, code {\r\n  font-family: Profont, 'lucida console', 'Courier New CE',\r\n   'Courier CE', 'Courier New', Courier, Monaco, monospace;\r\n}\r\n<\/span><\/pre>\n<p><span>Viac vi\u010f\u00a0<\/span><span>Font-Family<\/span><span>\u00a0.<\/span><\/p>\n<h3><span>Ve\u013ekos\u0165 p\u00edsma \u2013 font-size<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">h2 {font-size: 185%;}\r\n<\/span><\/pre>\n<h3><span>V\u00fd\u0161ka riadku \u2013 line-height<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">p {line-height: 1.5;}\r\n<\/span><\/pre>\n<h3><span>Variant p\u00edsma \u2013 font-variant<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">abbr {font-variant: small-caps;}<\/span><\/pre>\n<h3><span>Tu\u010dnos\u0165 p\u00edsma \u2013 font-weight<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">p {font-weight: normal;}\r\nstrong {font-weight: bold;}\r\n<\/span><\/pre>\n<h3><span>\u0160t\u00fdl p\u00edsma \u2013 font-style<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">em {font-style: italic;}\r\n<\/span><\/pre>\n<h3><span>Farba textu \u2013 color<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">body, table {color: purple;}<\/span><\/pre>\n<h3><span>Ve\u013ekos\u0165 medzier medzi slovami \u2013 word-spacing<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">h1 {word-spacing: 1em;}<\/span><\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"\" \/><span>Nepodporuje\u00a0<\/span><span class=\"abbr\" title=\"Internet Explorer 5.5\"><span>IE5.5<\/span><\/span><\/p>\n<h3><span>Ve\u013ekos\u0165 medzier medzi p\u00edsmenami \u2013 letter-spacing<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">h1 {letter-spacing: .3em;}\r\n<\/span><\/pre>\n<h3><span>Biele znaky \u2013 white-space<\/span><\/h3>\n<p><span>Ur\u010duje sp\u00f4sob zaobch\u00e1dzania s medzerami, tabul\u00e1tormi a koncami riadkov.<\/span><\/p>\n<ul>\n<li><span>normal \u2013 v\u00fdchodiskov\u00e1 hodnota<\/span><\/li>\n<li><span>nowrap \u2013 zak\u00e1\u017ee automatick\u00e9 zalamovanie riadkov<\/span><\/li>\n<li><span>pre \u2013 zobrazuje biele znaky presne tak, ako v k\u00f3de dokumentu<\/span><\/li>\n<li><span>pre-wrap \u2013 zobrazuje biele znaky presne tak, ako v k\u00f3de dokumentu, ale je povolen\u00e9 automatick\u00e9 zalamovanie riadkov (nepodporuje\u00a0<\/span><span class=\"abbr\" title=\"Internet Explorer 7 a ni\u017e\u0161ia verzia\"><span>IE7-<\/span><\/span><span>\u00a0, FireFox 2.0-, Opera 7.5- a Safari 2.0-)<\/span><\/li>\n<li><span>pre-line \u2013 zobrazuje zlomy riadkov tak, ako v k\u00f3de dokumentu (nepodporuje\u00a0<\/span><span class=\"abbr\" title=\"Internet Explorer 7 a ni\u017e\u0161ia verzia\"><span>IE7-<\/span><\/span><span>\u00a0, FireFox 3.0-, Opera 9.2- a Safari 2.0-)<\/span><\/li>\n<\/ul>\n<pre><span style=\"color: #0000ff;\">th {white-space: nowrap;}<\/span><\/pre>\n<h3><span>Horizont\u00e1lne zarovnanie obsahu \u2013 text-align<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">h1 {text-align: centier;} \/* na stred *\/\r\np {text-align: justify;} \/* do bloku *\/\r\ncite {text-align: right;} \/* vpravo *\/\r\n<\/span><\/pre>\n<h3><span>Vertik\u00e1lne zarovnanie \u2013 vertical-align<\/span><\/h3>\n<p><span>Pou\u017e\u00edva sa pre vertik\u00e1lne zarovnanie napr. mal\u00e9ho obr\u00e1zku na vy\u0161\u0161om riadku alebo v tabu\u013ek\u00e1ch.<\/span><\/p>\n<pre><span style=\"color: #0000ff;\">.horni-index {vertical-align: super;} \/* v tabu\u013eke ako baseline *\/\r\n.dolni-index {vertical-align: sub;} \/* v tabu\u013eke ako baseline *\/\r\n.co-najviac {vertical-align: top;}\r\n.s-hornim-okrajom-textu {vertical-align: text-top;} \/* v tabu\u013eke\r\n ako baseline *\/\r\n.doprostred {vertical-align: middle;}\r\n.s-dolnim-okrajom-textu {vertical-align: text-bottom;} \/* v tabu\u013eke\r\n ako baseline *\/\r\n.co-najni\u017e\u0161ie {vertical-align: bottom;}<\/span><\/pre>\n<p><span class=\"abbr\" title=\"Internet Explorer 5 a ni\u017e\u0161ia verzia\"><span>IE5-<\/span><\/span><span>\u00a0podporuje iba hodnoty\u00a0<\/span><strong><span>baseline<\/span><\/strong><span>\u00a0,\u00a0<\/span><strong><span>sub<\/span><\/strong><span>\u00a0a\u00a0\u00a0<\/span><strong><span>super<\/span><\/strong><span>\u00a0.<\/span><\/p>\n<h3><span>Dekor\u00e1cia textu \u2013 text-decoration<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">a:hover {text-decoration: underline;} \/* pod\u010diarknut\u00e9 *\/\r\n.ne {text-decoration: line-through;} \/* preskrtnut\u00e9 *\/\r\n.reklama {text-decoration: blink;} \/* blikaj\u00face *\/\r\n<\/span><\/pre>\n<p><img decoding=\"async\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"\" \/>\u00a0<span class=\"abbr\" title=\"Internet Explorer 7\"><span>IE7<\/span><\/span><span>\u00a0nepozn\u00e1 hodnotu\u00a0<\/span><strong><span>blink<\/span><\/strong><span>\u00a0.<\/span><\/p>\n<h3><span>Odsadenie prv\u00e9ho riadku \u2013 text-indent<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">p {text-indent: 2em;}\r\n<\/span><\/pre>\n<h3><span>Prevod textu \u2013 text-transform<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">.kapitalky {text-transform: capitalize;}\r\n.mala {text-transform: lowercase;}\r\n.ve\u013eka {text-transform: uppercase;}<\/span><\/pre>\n<h3><span>Tie\u0148 textu \u2013\u00a0<\/span><a class=\"ext\" href=\"https:\/\/developer.mozilla.org\/en\/CSS\/text-shadow\" target=\"_blank\" rel=\"nofollow noopener\"><span>text-shadow<\/span><\/a><\/h3>\n<pre><span style=\"color: #0000ff;\">.stin {text-shadow: 3px 3px 1px #999;}\r\n.embossed {text-shadow: 0 -1px 1px rgba(0,0,0,0.5);}\r\nh1 {\r\n  color: #502a2d;\r\n  letter-spacing: 0.75em;\r\n  text-shadow:\r\n    2px 2px 0 #bab0a6,\r\n    2px -2px 0 #bab0a6,\r\n    -2px 2px 0 #bab0a6,\r\n    -2px -2px 0 #bab0a6,\r\n    9px 9px 0 #a63e3b;\r\n  font-effect: outline;\r\n}\r\n<\/span><\/pre>\n<p><span>Podpora: Firefox 3.5, Gecko 1.9.1, Opera 9.5 Safari 1.1, WebKit 100, Konqueror 3.4, Chromium 2.0.158.0<\/span><\/p>\n<p><img decoding=\"async\" src=\"https:\/\/tomas.dankovi.info\/system\/files\/images\/smileys\/lightbulb.gif\" alt=\"\" \/><span>Nepodporuje\u00a0<\/span><span class=\"abbr\" title=\"Internet Explorer 8 a ni\u017e\u0161ia verzia\"><span>IE8-<\/span><\/span><span>\u00a0, (\u00a0<\/span><span class=\"abbr\" title=\"Internet Explorer 5.5\"><span>IE5.5<\/span><\/span><span>\u00a0podporuje iba filtre\u00a0<\/span><strong><span>Shadow<\/span><\/strong><span>\u00a0a\u00a0\u00a0<\/span><strong><span>DropShadow<\/span><\/strong><span>\u00a0)<\/span><\/p>\n<h3><span>Smer p\u00edsania textu \u2013 direction<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">p {direction: rtl;}<\/span><\/pre>\n<ul>\n<li><a class=\"ext\" href=\"http:\/\/www.intlaqa.com\/jquery-mobile-rtl\/\" target=\"_blank\" rel=\"nofollow noopener\"><span>jQuery Mobile RTL pre Right-To-Left layout<\/span><\/a><\/li>\n<\/ul>\n<h3><span>Orient\u00e1cia toku textu \u2013 unicode-bidi<\/span><\/h3>\n<pre><span style=\"color: #0000ff;\">p {unicode-bidi: bidi-override; direction: rtl;}<\/span><\/pre>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zdru\u017een\u00e1 defin\u00edcia p\u00edsma \u2013 font Umo\u017e\u0148uje skr\u00e1ten\u00fd z\u00e1pis v\u0161etk\u00fdch vlastnost\u00ed p\u00edsma: font-size line-height font-variant font-weight font-style font-family p {font: small-caps bold italic Arial 120%\/1.5;} Pri pou\u017eit\u00ed zdru\u017eenej defin\u00edcie s\u00fa pri neuveden\u00fdch vlastnostiach nastaven\u00e9 v\u00fdchodiskov\u00e9 hodnoty. p {font: 90% bold;} Typ p\u00edsma \u2013 font-family Proporcion\u00e1lne p\u00edsmo \u2013 r\u00f4zne znaky maj\u00fa r\u00f4znu \u0161\u00edrku, ktor\u00e1 obsahuje pr\u00e1zdny priestor [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-206","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=206"}],"version-history":[{"count":1,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions"}],"predecessor-version":[{"id":207,"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=\/wp\/v2\/pages\/206\/revisions\/207"}],"wp:attachment":[{"href":"https:\/\/gdm.sosthe.sk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}