Merubah Arah Teks Dalam HTML - Blog - Coox

<img src="//nojsim.images.xtstatic.com/tp.gif" alt="" />

Kabar Berita

We opened again.

Info Lainnya

Penerjemah

Merubah Arah Teks Dalam HTML - Coox Simple Wapsite

BLOG

Merubah Arah Teks Dalam HTML

COOX (Admin)
Admin : Jika ingin copas sertakan link artikel ini Merubah Arah Teks Dalam HTML

Beberapa hari lalu admin belajar HTML di duniailkom.com dan akhirnya menemukan pengetahuan baru walaupun yang master proggramer sudah tahu admin akan share. Bagi yang belum tahu ayoo kita belajar bersama :D

Tag adalah singkatan dari Bidirectional Override. Tag ini ditujukan untuk merubah arah text yang normalnya ditulis dari kiri ke kanan seperti bahasa inggris atau bahasa indonesia, menjadi dari kanan ke kiri seperti penulisan dalam bahasa arab.

Untuk menjalankan tag kita memerlukan atribut "dir", dan dari dir ini memiliki value ltr (left to right) dan rtl (right to left)

Berikut adalah contoh tag bdo

RTL
Html merupakan kependekan dari Hyperyext Markup Language

Note : Gunakan browser yang memiliki kemampuan membaca script yang sempurna agar tampilannya lebih maksimal...

Sumber Gambar : duniailkom.com dan google.com
Anda baru saja membaca Merubah Arah Teks Dalam HTML

Jika Ingin Mengshare lagi tolong sertakan site COOX

Dipost pada 01/11/16

Star

Komentar Merubah Arah Teks Dalam HTML

jepri

02/11/16

css ya bro gk tepat msh murat marit

Balas Laporkan spam

Copy URL

COOX SIMPLE WAPSITE
Tana Toraja - Indonesia

#xt_auth_container { position: static; display: inline; display: inline-block; text-align: right; margin: 3px 0; padding: 0; width: 100%; height: auto; border: none; } .xt_auth_view { position: static; display: inline; display: inline-block; text-align: right; margin: 0; padding: 0; width: auto; height auto; border: none; } .xt_auth_action { text-align: left; position: static; display: inline; zoom: 1; display: inline-block; vertical-align: top; margin: 0 5px 0 0; padding: 0 5px; height: 20px; width: auto; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #2e2e2e; background-color: rgba(0,0,0,0.4); !background-color: #2e2e2e; font: 600 12px/20px "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif; text-decoration: none; -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); -o-text-shadow: 1px 1px 0 rgba(0,0,0,0.08); text-shadow: 1px 1px 0 rgba(0,0,0,0.08); color: #fff; -webkit-user-select: none; } .xt_auth_action > * { vertical-align: top; } .xt_auth_action:hover { background-color: #1f1f1f; background-color: rgba(0,0,0,0.6); } .xt_auth_action:link, .xt_auth_action:visited, .xt_auth_action:active, .xt_auth_action:hover { text-decoration: none; color: #fff; } .xt_auth_icon, .xt_auth_avatar { position: static; display: inline; display: inline-block; width: 13px; height: 13px; margin: 3px 1px 0 0; padding: 0; vertical-align: top; border: 0; } .xt_auth_icon { background-image: url(http://xtgem.com/images/authbar/auth_sprite_v2.png); margin-right: 0; } .xt_auth_icon_enchanted .xt_auth_icon { background-size: 103px; /* margin: 4px 2px 0 0; */ } /* join & subscribe */ .xt_auth_join .xt_auth_icon, .xt_auth_subscribe .xt_auth_icon { background-position: -92px 13px; } /* inbox */ .xt_auth_inbox .xt_auth_icon { background-position: -78px 13px; } /* rate */ .xt_auth_rate .xt_auth_icon { background-position: 0 14px; } /* unrate */ .xt_auth_unrate .xt_auth_icon { background-position: -13px 14px; } /* star */ .xt_auth_star .xt_auth_icon { background-position: -26px 13px; } /* unstar */ .xt_auth_unstar .xt_auth_icon { background-position: -39px 13px; } /* repost */ .xt_auth_repost .xt_auth_icon { background-position: -52px 12px; margin-top: 4px; } /* reposted */ .xt_auth_reposted .xt_auth_icon { background-position: -65px 12px; margin-top: 4px; } /* join & subscribe */ .xt_auth_icon_enchanted .xt_auth_join .xt_auth_icon, .xt_auth_icon_enchanted .xt_auth_subscribe .xt_auth_icon { background-position: 11px 0.5px; width: 12px; } /* inbox */ .xt_auth_icon_enchanted .xt_auth_inbox .xt_auth_icon { background-position: 25px 1px; } /* rate */ .xt_auth_icon_enchanted .xt_auth_rate .xt_auth_icon { background-position: 0 0; } /* unrate */ .xt_auth_icon_enchanted .xt_auth_unrate .xt_auth_icon { background-position: -13px 0; } /* star */ .xt_auth_icon_enchanted .xt_auth_star .xt_auth_icon { background-position: 77px 0; } /* unstar */ .xt_auth_icon_enchanted .xt_auth_unstar .xt_auth_icon { background-position: 64px 0; } /* repost */ .xt_auth_icon_enchanted .xt_auth_repost .xt_auth_icon { background-position: 51px 1px; margin: 3px 0 0 0; } /* reposted */ .xt_auth_icon_enchanted .xt_auth_reposted .xt_auth_icon { background-position: 39px 1px; margin: 3px 0 0 0; } /* hidding */ .xt_auth_unstar, .xt_auth_unsubscribe, .xt_auth_unrate { display: none; } .xt_auth_action_star_active .xt_auth_unstar, .xt_auth_action_rate_active .xt_auth_unrate, .xt_auth_action_subscribe_active .xt_auth_unsubscribe { display: inline-block; } .xt_auth_action_star_active .xt_auth_star, .xt_auth_action_rate_active .xt_auth_rate, .xt_auth_action_subscribe_active .xt_auth_subscribe { display: none; } #xt_auth_container { position: fixed; } html { padding-top: 20px; } #xt_auth_container { top: 0; left: 0; } #xt_auth_container, .xt_auth_view, .xt_auth_icon, .xt_auth_avatar { max-height: none !important; max-width: none !important; min-width: none !important; min-width: none !important; opacity: 1 !important; text-indent: 0 !important; visibility:visible !important; }

(function () { var doc = document; var body = doc.body; var xhr_done_auth = true; doc.addEventListener ? window.addEventListener( 'load', init, false ) : window.attachEvent( 'onload', init ); function init () { doc = document; body = doc.body; var el_auth = doc.getElementById( 'xt_auth_container' ); doc.addEventListener ? el_auth.addEventListener( 'click', hook_xhr_action, false ) : el_auth.attachEvent( 'onclick', hook_xhr_action ); if ( 'backgroundSize' in doc.body.style ) { if ( window.devicePixelRatio && window.devicePixelRatio > 1 ) { el_auth.className += ' xt_auth_icon_enchanted'; } } } // bind xhr links function hook_xhr_action ( e ) { var e = e || window.event; var target = e.target || e.srcElement; target = target.className == 'xt_auth_icon' ? target.parentNode : target; if ( target.getAttribute( 'data-xhr' ) ) { var url = target.href; url = url + (url.indexOf( '?' ) == -1 ? '?via_ajax=1' : '&via_ajax=1'); load_data({ url: url, xhr_done: xhr_done_auth, callback: handle_xhr_response }); (e.preventDefault) ? e.preventDefault() : e.returnValue = false; return false; } } function handle_xhr_response ( xhr ) { function handle_error ( xhr ) { window.location.href = window.location.href; } function handle_success ( xhr ) { var wrapper = document.getElementById( 'xt_auth_container' ); var tmp_class = wrapper.className; var current_action = xhr.response.split( ';' )[1]; var actions = { bookmark: 'xt_auth_action_star_active', vote: 'xt_auth_action_rate_active', subscribe: 'xt_auth_action_subscribe_active' }; for ( key in actions ) { if ( !actions.hasOwnProperty( key ) ) continue; if ( current_action.indexOf( key ) == -1 ) continue; wrapper.className = current_action.indexOf( 'un' ) == -1 ? tmp_class + ' ' + actions[key] : tmp_class.replace( (' ' + actions[key]), '' ); } } xhr.response = xhr.response ? xhr.response : xhr.responseText; (xhr.status != 200 || xhr.response.indexOf( 'ERR;') != -1 ) ? handle_error(xhr) : handle_success(xhr); } //load_data( { url: url, method: method, data: data, async: async, xhr_done: xhr_done, callback: callback }); function load_data( settings ) { var async = settings.async ? !!settings.async : true, url = settings.url ? settings.url.toString() : false, method = settings.method ? settings.method.toUpperCase() : 'GET', callback = settings.callback ? settings.callback : false, data = settings.data ? settings.data.toString() : '', xhr_done = settings.xhr_done ? settings.xhr_done : null, xhr; // xhr in progress or url not provided -> exit if ( !( (xhr_done == true || xhr_done == null) && url ) ) return; if ( typeof XMLHttpRequest !== 'undefined' ) { xhr = new XMLHttpRequest(); } else { try { xhr = new XMLHttpRequest("MSXML2.XmlHttp.5.0") || new XMLHttpRequest("MSXML2.XmlHttp.4.0") || new XMLHttpRequest("MSXML2.XmlHttp.3.0") || new XMLHttpRequest("MSXML2.XmlHttp.2.0") || new XMLHttpRequest("Microsoft.XmlHttp"); } catch ( e ) {} } // if xhr object does not supported or url not given, exit xhr.onreadystatechange = function () { if ( xhr.readyState != 4 ) return; if ( xhr_done != null ) xhr_done = true; callback ? callback( xhr ) : null; } xhr.open( method, url, async ); if ( method === 'POST' ) { xhr.setRequestHeader( "Content-type", "application/x-www-form-urlencoded" ); xhr.send( data ); } else { xhr.send( null ); } if ( xhr_done != null ) xhr_done = false; }; })();

XtGem Forum catalog